/* Dezky portal design tokens.
   Mirrors apps/operator/assets/styles/tokens.css (which ports project/platform-tokens.jsx
   THEMES + ACCENTS + DENSITIES) so both portals share a visual vocabulary. */

:root {
  /* Surface — light/bone */
  --bg: #F4F3EE;          /* bone */
  --surface: #FAFAF7;     /* paper */
  --elevated: #FFFFFF;
  --border: #E6E4DC;      /* fog */
  --border-hi: #D4D2C8;

  /* Text */
  --text: #0A0A0A;        /* carbon */
  --text-dim: rgba(10, 10, 10, 0.55);
  --text-mute: rgba(10, 10, 10, 0.4);
  --row-hover: rgba(10, 10, 10, 0.03);

  /* Sidebar — always-dark for brand presence in light mode */
  --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);

  /* Brand accent — defaults to Signal yellow */
  --accent: #D4FF3A;
  --accent-fg: #0A0A0A;
  --signal: #D4FF3A;

  /* Semantic */
  --ok: #1F8A5B;
  --warn: #E89A1F;
  --bad: #E23030;
  --info: #2A6FDB;

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

  /* Density (defaults to comfy) */
  --row-h: 56px;
  --pad: 24px;
  --gap: 20px;

  /* Field input surface */
  --input-bg: var(--bg);
}

[data-theme='dark'] {
  --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);
  --row-hover: rgba(244, 243, 238, 0.04);
  --ok: #34C77B;
  --warn: #F0B14A;
  --bad: #F05858;
  --info: #4D8BE8;
  --input-bg: rgba(244, 243, 238, 0.04);
}

[data-density='compact'] {
  --row-h: 44px;
  --pad: 16px;
  --gap: 14px;
}

/* Accent presets — toggled via TweaksPanel for the whitelabel preview. The
   `--signal` brand-locked node-dot stays the same; only `--accent` flexes. */
[data-accent='signal'] { --accent: #D4FF3A; --accent-fg: #0A0A0A; }
[data-accent='cobalt'] { --accent: #3F6BFF; --accent-fg: #FFFFFF; }
[data-accent='coral']  { --accent: #FF6B4A; --accent-fg: #FFFFFF; }
[data-accent='moss']   { --accent: #5B8C5A; --accent-fg: #FFFFFF; }