/* Dezky operator design tokens — dark/carbon surface by default.
   Mirrors the customer portal's tokens.css palette but swaps the defaults
   to the dark variant. operator.dezky.local always renders carbon. */

:root {
  --bg: #0A0A0A;
  --surface: #141413;
  --elevated: #1C1C1A;
  --border: #262622;
  --border-hi: #33332E;

  --text: #F4F3EE;
  --text-dim: rgba(244, 243, 238, 0.72);
  --text-mute: rgba(244, 243, 238, 0.45);

  /* Sidebar uses surface-level dark (same as the global one for operator) */
  --side-bg: #0A0A0A;
  --side-surf: #141413;
  --side-border: #1F1F1C;
  --side-text: #F4F3EE;
  --side-dim: rgba(244, 243, 238, 0.55);
  --side-mute: rgba(244, 243, 238, 0.35);
  --side-hover: rgba(244, 243, 238, 0.06);
  --side-active: rgba(244, 243, 238, 0.1);

  --accent: #D4FF3A;
  --accent-fg: #0A0A0A;
  --signal: #D4FF3A;

  --ok: #34C77B;
  --warn: #F0B14A;
  --bad: #F05858;
  --info: #4D8BE8;

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: 'Inter Tight', 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'Menlo', monospace;

  --input-bg: rgba(244, 243, 238, 0.04);

  /* Cosmetic density. comfy=1, compact≈0.78. Used by page chrome that opts in
     (PageHeader / table cells). Reading via calc() keeps layouts in one place. */
  --density-scale: 1;
}

/* Tweaks: density overrides */
:root[data-density='compact'] { --density-scale: 0.78; }

/* Tweaks: light theme (warm cream, charcoal text). Overrides every surface
   token so any component that uses var(--bg / --surface / --text / ...) flips
   without code changes. Components that hard-code rgba(244,243,238,...) will
   not flip — those should switch to tokens if they care about light mode. */
:root[data-theme='light'] {
  --bg:        #F6F4EF;
  --surface:   #FAF8F2;
  --elevated:  #FFFFFF;
  --border:    #E2DED2;
  --border-hi: #D0CBBC;

  --text:      #1C1B17;
  --text-dim:  rgba(28, 27, 23, 0.72);
  --text-mute: rgba(28, 27, 23, 0.50);

  --side-bg:     #F0EDE4;
  --side-surf:   #FAF8F2;
  --side-border: #E2DED2;
  --side-text:   #1C1B17;
  --side-dim:    rgba(28, 27, 23, 0.62);
  --side-mute:   rgba(28, 27, 23, 0.42);
  --side-hover:  rgba(28, 27, 23, 0.05);
  --side-active: rgba(28, 27, 23, 0.08);

  --accent: #1F8A5B;
  --accent-fg: #FAF8F2;
  --signal: #1F8A5B;

  --ok:   #1F8A5B;
  --warn: #C97F1F;
  --bad:  #C03A3A;
  --info: #2A6FDB;

  --input-bg: rgba(28, 27, 23, 0.04);
}