/* Elfwork brand tokens v0 (suggested, not adopted). Source of values: brand/tokens.json.
   Morning bench (light) is the default; Night workshop (dark) follows the system
   setting unless data-theme="morning" is set. data-theme="night" or "morning" on any
   element forces that theme inside it. */

:root {
  --ew-ground: #F6F2EA;
  --ew-surface: #FFFDF8;
  --ew-ink: #1B1F24;
  --ew-ink-muted: #5C636B;
  --ew-lantern: #B07A1E;
  --ew-lantern-text: #8A5A12;
  --ew-on-lantern: #12161C;
  --ew-moss: #3F6B52;
  --ew-stitch: #D9D2C4;
  --ew-stitch-strong: #8F8574;

  /* Reserved attention colours (tools/studio_map.py). Never brand. */
  --ew-waiting: #9A3A0A;
  --ew-expert: #6D3FC8;
  --ew-overdue: #B42318;
  --ew-settled: #565C66;

  --ew-font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --ew-font-body: 'Atkinson Hyperlegible Next', system-ui, sans-serif;
  --ew-font-mono: 'Atkinson Hyperlegible Mono', ui-monospace, monospace;

  --ew-space-1: 4px;
  --ew-space-2: 8px;
  --ew-space-3: 12px;
  --ew-space-4: 16px;
  --ew-space-5: 24px;
  --ew-space-6: 32px;
  --ew-space-7: 48px;
  --ew-space-8: 64px;

  --ew-radius-control: 4px;
  --ew-radius-card: 6px;
  --ew-stitch-border: 2px dashed var(--ew-stitch-strong);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="morning"]) {
    --ew-ground: #12161C;
    --ew-surface: #1A1F26;
    --ew-ink: #ECE6DA;
    --ew-ink-muted: #9AA3AE;
    --ew-lantern: #E8B65A;
    --ew-lantern-text: #E8B65A;
    --ew-moss: #7FA38A;
    --ew-stitch: #2C333C;
    --ew-stitch-strong: #5A6470;
    --ew-waiting: #F0894F;
    --ew-expert: #B9A3F5;
    --ew-overdue: #F07B72;
    --ew-settled: #8A929C;
  }
}

[data-theme="night"] {
  --ew-ground: #12161C;
  --ew-surface: #1A1F26;
  --ew-ink: #ECE6DA;
  --ew-ink-muted: #9AA3AE;
  --ew-lantern: #E8B65A;
  --ew-lantern-text: #E8B65A;
  --ew-moss: #7FA38A;
  --ew-stitch: #2C333C;
  --ew-stitch-strong: #5A6470;
  --ew-waiting: #F0894F;
  --ew-expert: #B9A3F5;
  --ew-overdue: #F07B72;
  --ew-settled: #8A929C;
}

[data-theme="morning"] {
  --ew-ground: #F6F2EA;
  --ew-surface: #FFFDF8;
  --ew-ink: #1B1F24;
  --ew-ink-muted: #5C636B;
  --ew-lantern: #B07A1E;
  --ew-lantern-text: #8A5A12;
  --ew-moss: #3F6B52;
  --ew-stitch: #D9D2C4;
  --ew-stitch-strong: #8F8574;
  --ew-waiting: #9A3A0A;
  --ew-expert: #6D3FC8;
  --ew-overdue: #B42318;
  --ew-settled: #565C66;
}