/* CtrlSpace — Color System
   Monochrome ink/paper with a gold accent.

   LIGHT                          DARK
   bg        #F8F7F9              bg        #0F0F16
   card      #ECEBEE              card      #1C1B26
   raised    #FFFFFF              raised    #2A2935
   text      #1C1B26              text      #ECEBEE
   muted     #5E5F64              body      #DCDBE0 / muted #8E9096
   border    #8E9096              border    #8E9096
   accent    #A8823F              accent    #C0A15E
   CTA       #1C1B26 / #F8F7F9    CTA       #C0A15E / #0F0F16          */
:root {
  /* Ink ramp */
  --black: #08080c;
  --ink-900: #0f0f16;
  --ink-800: #1c1b26;
  --ink-700: #2a2935;
  --ink-600: #3b3a45;

  /* Neutrals */
  --gray-50:  #f2f1f3;
  --gray-100: #ecebee;
  --gray-200: #e3e2e7;
  --gray-300: #c7c6cc;
  --gray-400: #8e9096;
  --gray-500: #5e5f64;
  --gray-600: #4a4a51;
  --gray-700: #1c1b26;
  --gray-800: #1c1b26;
  --gray-900: #1c1b26;
  --white: #ecebee;   /* card surface (the app uses var(--white) for cards) */
  --paper: #f8f7f9;   /* app background */

  /* Signal — gold accent ramp */
  --signal-50:  #f5eede;
  --signal-100: #ead9bb;
  --signal-300: #cfa96a;
  --signal-400: #bd9450;
  --signal-500: #a8823f;
  --signal-600: #8f6d32;
  --signal-700: #75592a;

  /* Pulse — "active / live" (same gold family) */
  --pulse-100: #ead9bb;
  --pulse-400: #c0a15e;
  --pulse-500: #a8823f;
  --pulse-600: #8f6d32;

  /* Semantic (kept functional) */
  --success: #3f8f5b;
  --warning: #c2872f;
  --danger:  #b8433a;
  --danger-200: #e6c6c2;
  --danger-600: #9c362d;
  --info:    #a8823f;

  /* ---- Semantic aliases (light) ---- */
  --bg-app: #f8f7f9;
  --bg-canvas: #ffffff;
  --surface-card: #ecebee;
  --surface-sunken: #e3e2e7;
  --surface-raised: #ffffff;
  --surface-inverse: #1c1b26;

  --text-strong: #1c1b26;
  --text-body: #1c1b26;
  --text-muted: #5e5f64;
  --text-faint: #8e9096;
  --text-on-accent: #f8f7f9;
  --text-on-inverse: #f8f7f9;

  --border-subtle: #8e9096;
  --border-default: #8e9096;
  --border-strong: #8e9096;
  --border-focus: #a8823f;

  --accent: #a8823f;
  --accent-hover: #8f6d32;
  --accent-press: #75592a;
  --accent-soft: #f5eede;

  --active: #a8823f;
  --active-soft: #ead9bb;

  /* Primary CTA (dark fill on light) */
  --cta-bg: #1c1b26;
  --cta-text: #f8f7f9;

  /* Brand wordmark `ctrl` / `space.` uses --text-strong + --accent directly,
     which already equal the brand export's #1C1B26 / #A8823F (light). */
}

/* Dark scope — [data-theme="dark"] or class="cs-dark".
   --white/--paper are remapped so the app's many `var(--white)` card
   backgrounds flip automatically. */
.cs-dark, [data-theme="dark"] {
  --white: #1c1b26;   /* card surface */
  --paper: #0f0f16;   /* app background */

  --gray-50:  #16161f;
  --gray-100: #2a2935;
  --gray-200: #34333f;
  --gray-300: #45444f;
  --gray-400: #74757b;
  --gray-500: #8e9096;
  --gray-600: #dcdbe0;
  --gray-700: #dcdbe0;

  --bg-app: #0f0f16;
  --bg-canvas: #0f0f16;
  --surface-card: #1c1b26;
  --surface-sunken: #16161f;
  --surface-raised: #2a2935;
  --surface-inverse: #ecebee;

  --text-strong: #ecebee;
  --text-body: #dcdbe0;
  --text-muted: #8e9096;
  --text-faint: #74757b;
  --text-on-accent: #0f0f16;
  --text-on-inverse: #0f0f16;

  --border-subtle: #8e9096;
  --border-default: #8e9096;
  --border-strong: #8e9096;
  --border-focus: #c0a15e;

  --signal-50:  #241f16;
  --signal-100: #3a3120;
  --signal-500: #c0a15e;
  --signal-600: #c0a15e;

  --accent: #c0a15e;
  --accent-hover: #d0b578;
  --accent-press: #a8823f;
  --accent-soft: rgba(192,161,94,0.16);

  --pulse-100: rgba(192,161,94,0.16);
  --pulse-500: #c0a15e;
  --pulse-600: #c0a15e;
  --active: #c0a15e;
  --active-soft: rgba(192,161,94,0.16);

  --danger-200: #4a2a26;

  /* Primary CTA (gold fill on dark) */
  --cta-bg: #c0a15e;
  --cta-text: #0f0f16;

  /* Brand wordmark: --text-strong (#ECEBEE) + --accent (#C0A15E) already match
     the brand export's dark variant. */
}