/* Design tokens for a CDMS sales preview (golf preview → src/styles/tokens.css, decisions 0005 and 0008). Default
   palette "paper, ink and forest": a warm paper ground, white surfaces with hairline borders, near-black ink, one deep
   action colour, a rare accent. Replace the five --brand-* values with the client's and keep the rest; every token is
   defined for both themes. Depth comes from layered neutral shadows, not colour. */
:root {
  --brand: #0f3d2e;          /* the one action colour: primary buttons, selected tabs */
  --brand-2: #1d4f3d;        /* its lighter partner for gradients */
  --brand-accent: #a8834a;   /* rare accent: active nav mark, focus ring, the guide's flag */
  --brand-alert: #c42340;
  --brand-ink: #121614;

  --bg: #f6f5f1;
  --bg-elev: #ffffff;
  --bg-sunk: #efede7;
  --bg-hover: #f1efea;
  --line: #e6e3db;
  --line-strong: #d3cfc4;
  --text: var(--brand-ink);
  --text-2: #4a524e;
  --text-3: #8a918d;
  --accent: var(--brand);
  --accent-2: var(--brand-2);
  --accent-ink: #ffffff;
  --gold: var(--brand-accent);
  --gold-soft: #f4efe4;
  --ok: #2f7d4f; --ok-soft: #e1f0e6;
  --warn: #a8741a; --warn-soft: #f8ecd2;
  --bad: var(--brand-alert); --bad-soft: #fbe3e8;
  --info: #2c5f8a; --info-soft: #e2edf6;
  --ai: #6b4fbb; --ai-soft: #ece7fa;

  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: var(--font);
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --radius: 16px; --radius-s: 10px; --radius-l: 24px;
  --shadow-1: 0 1px 2px rgba(16, 32, 26, 0.06), 0 1px 1px rgba(16, 32, 26, 0.04);
  --shadow-2: 0 8px 24px rgba(16, 32, 26, 0.1), 0 2px 6px rgba(16, 32, 26, 0.06);
  --shadow-3: 0 24px 64px rgba(16, 32, 26, 0.22);

  /* Glass and depth */
  --glass-tint: rgba(255, 255, 255, 0.88);
  --glass-tint-strong: rgba(255, 255, 255, 0.96);
  --glass-tint-faint: rgba(255, 255, 255, 0.6);
  --glass-rim: #e8e5de;
  --glass-edge: rgba(16, 48, 38, 0.1);
  --glass-sheen: linear-gradient(160deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.12) 38%, rgba(255, 255, 255, 0) 60%);
  --glass-inner: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  --glass-blur: blur(22px) saturate(1.7);
  --glass-blur-soft: blur(12px) saturate(1.4);
  --glass-shadow: 0 1px 2px rgba(17, 24, 20, 0.05), 0 4px 12px -6px rgba(17, 24, 20, 0.08), 0 16px 36px -18px rgba(17, 24, 20, 0.18);
  --glass-shadow-lift: 0 2px 4px rgba(17, 24, 20, 0.06), 0 12px 24px -12px rgba(17, 24, 20, 0.16), 0 32px 64px -24px rgba(17, 24, 20, 0.28);
  --brand-glass: linear-gradient(180deg, var(--brand-2), var(--brand));
  --brand-glass-edge: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 1px 2px rgba(15, 61, 46, 0.3), 0 8px 18px -10px rgba(15, 61, 46, 0.55);
  --aurora-1: rgba(15, 61, 46, 0.05);
  --aurora-2: rgba(168, 131, 74, 0.06);
  --aurora-3: rgba(15, 61, 46, 0.03);
  --aurora-base: var(--bg);

  /* Motion */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur: 180ms; --dur-fast: 140ms; --dur-slow: 420ms;
  --hover-scale: 1.045;
  --press-scale: 0.95;

  /* The presentation guide (mascot/guide.css) */
  --guide-ink: var(--brand-ink);
  --guide-face: var(--brand);
  --guide-accent: var(--brand-accent);
  --guide-alert: var(--brand-alert);
  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #0d1613; --bg-elev: #14201c; --bg-sunk: #0a110f; --bg-hover: #1a2924;
  --line: #24352f; --line-strong: #31463e;
  --text: #e9eee9; --text-2: #a9b8b1; --text-3: #73847c;
  --accent: #4fa37f; --accent-2: #6dbb95; --accent-ink: #06130e;
  --gold-soft: #2c2616;
  --ok: #5cc28a; --ok-soft: #13291e; --warn: #e0ad4d; --warn-soft: #2d2412; --bad: #ff6b85; --bad-soft: #351820;
  --info: #7fb4e0; --info-soft: #132433; --ai: #b39cf5; --ai-soft: #231d38;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4); --shadow-2: 0 8px 24px rgba(0, 0, 0, 0.45); --shadow-3: 0 24px 64px rgba(0, 0, 0, 0.6);
  --glass-tint: rgba(22, 38, 33, 0.52);
  --glass-tint-strong: rgba(20, 34, 30, 0.74);
  --glass-tint-faint: rgba(22, 38, 33, 0.3);
  --glass-rim: rgba(255, 255, 255, 0.14);
  --glass-edge: rgba(0, 0, 0, 0.4);
  --glass-sheen: linear-gradient(160deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.02) 40%, rgba(255, 255, 255, 0) 60%);
  --glass-inner: inset 0 1px 0 rgba(255, 255, 255, 0.14), inset 0 -12px 24px -14px rgba(0, 0, 0, 0.5);
  --glass-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 4px 10px -4px rgba(0, 0, 0, 0.4), 0 20px 44px -12px rgba(0, 0, 0, 0.65);
  --glass-shadow-lift: 0 2px 4px rgba(0, 0, 0, 0.35), 0 24px 52px -12px rgba(0, 0, 0, 0.7);
  --brand-glass: linear-gradient(180deg, #2a7a5c, #1b5c45);
  --brand-glass-edge: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.45), 0 6px 16px -6px rgba(0, 0, 0, 0.8);
  --aurora-1: rgba(47, 125, 90, 0.3); --aurora-2: rgba(184, 151, 78, 0.16); --aurora-3: rgba(0, 110, 84, 0.22);
  --aurora-base: #08120f;
  color-scheme: dark;
}