/* vignett.app — design tokens.
   Dark Room (app) : :root.dark / :root.light.
   Press Studio (landing) : .press-studio scope.
   Mirrors the hi-fi handoff values exactly. */

:root {
  /* type */
  --sans: 'DM Sans', system-ui, -apple-system, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, 'SF Mono', monospace;

  /* radii */
  --r-kbd: 4px;
  --r-chip: 6px;
  --r-ctl: 8px;     /* default control radius */
  --r-soft: 10px;   /* simple fields, composer, wrappers */
  --r-card: 12px;   /* settings cards */
  --r-modal: 16px;

  /* sizing */
  --toolbar-h: 40px;
  --ctl: 32px;      /* toolbar controls */
  --btn-h: 36px;
  --btn-sm: 30px;
  --field-h: 40px;
  --field-h-simple: 48px;
  --chip-h: 26px;
}

/* ─────────── Dark Room — dark (default) ─────────── */
:root.dark {
  --bg: #0f0d0a;
  --panel: #16130f;
  --panel-up: #1c1814;
  --panel-mute: #221d16;
  --field: #0b0907;
  --ink: #f4ede0;
  --ink-muted: #b8ad99;
  --muted: #7c7163;
  --faint: #4a4239;
  --border: #2a241d;
  --border-up: #3a342a;
  --accent: #e07a3a;
  --accent-soft: rgba(224,122,58,.16);
  --accent-ink: #1c1206;
  --warn: #e0b13a;
  --warn-soft: rgba(224,177,58,.10);
  --warn-border: rgba(224,177,58,.35);
  --ok: #7fb069;
  --glow: 0 0 0 1px rgba(224,122,58,.35), 0 0 16px -2px rgba(224,122,58,.22);
  --shadow: 0 24px 70px -24px rgba(0,0,0,.78), 0 6px 20px -10px rgba(0,0,0,.6);
  --thumb-ovl: rgba(0,0,0,.04);
  color-scheme: dark;
}

/* ─────────── Dark Room — light ─────────── */
:root.light {
  --bg: #ece5d6;
  --panel: #f3eee3;
  --panel-up: #faf6ee;
  --panel-mute: #e6dfce;
  --field: #fbf8f1;
  --ink: #211a12;
  --ink-muted: #5a4f40;
  --muted: #8a7d6a;
  --faint: #b3a895;
  --border: #d9cfbc;
  --border-up: #c8bca6;
  --accent: #c2541d;
  --accent-soft: rgba(194,84,29,.14);
  --accent-ink: #fdf6ec;
  --warn: #9a6a08;
  --warn-soft: rgba(176,125,16,.12);
  --warn-border: rgba(176,125,16,.4);
  --ok: #4f7d3b;
  --glow: 0 0 0 1px rgba(194,84,29,.35), 0 0 16px -2px rgba(194,84,29,.20);
  --shadow: 0 24px 60px -22px rgba(80,55,30,.30), 0 6px 18px -10px rgba(80,55,30,.20);
  --thumb-ovl: rgba(0,0,0,.05);
  color-scheme: light;
}

/* ─────────── Press Studio (landing) ─────────── */
.press-studio {
  --ps-bg: #f1ebde;
  --ps-paper: #f7f2e8;
  --ps-paper-deep: #ebe3d3;
  --ps-ink: #1f1813;
  --ps-ink-soft: #4a4035;
  --ps-muted: #8a7e6c;
  --ps-faint: #b0a48f;
  --ps-border: #ddd3c0;
  --ps-border-up: #c9bda6;
  --ps-rule: #2a2018;
  --ps-accent: #a23b14;
  --ps-accent-ink: #fdf6ec;
}