/* Fairway Finds design tokens — light :root; dark via html[data-theme="dark"]
   Aim: ~60% ivory, 25% greens, 10% charcoal, ≤5% gold. */
:root {
  --fairway-green: #174A36;
  --clubhouse-green: #2F6B4F;
  --bunker-gold: #C99A3D;
  --golf-ball-ivory: #F7F3EA;
  --mist-green: #DDE8DF;
  --charcoal: #252A27;
  --muted-text: #68706A;
  --white: #FFFFFF;
  --border: #E3E5E1;

  --ff-fairway: #174a36;
  --ff-fairway-hover: #123d2c;
  --ff-clubhouse: #2f6b4f;
  --ff-clubhouse-hover: #245640;
  --ff-gold: #c99a3d;
  --ff-gold-hover: #b58932;
  --ff-gold-light: #d4b05a;
  --ff-ivory: #f7f3ea;
  --ff-mist: #dde8df;
  --ff-charcoal: #252a27;
  --ff-charcoal-muted: #4a524e;
  --ff-charcoal-soft: #6b736e;

  --brand: var(--ff-clubhouse);
  --brand-hover: var(--ff-clubhouse-hover);
  --brand-tint: rgba(47, 107, 79, 0.16);
  --brand-deep: var(--ff-fairway);
  --brand-deep-hover: var(--ff-fairway-hover);
  --brand-deep-tint: rgba(23, 74, 54, 0.14);
  --brand-2: var(--ff-clubhouse);
  --brand-2-hover: var(--ff-clubhouse-hover);
  --brand-2-tint: rgba(47, 107, 79, 0.16);

  --gold: var(--ff-gold);
  --gold-hover: var(--ff-gold-hover);
  --gold-faint: rgba(201, 154, 61, 0.18);

  --bg: var(--ff-ivory);
  --surface: #fffdf8;
  --surface-muted: var(--ff-mist);
  --text: var(--ff-charcoal);
  --muted: var(--ff-charcoal-muted);
  --muted2: var(--ff-charcoal-soft);
  --line: rgba(37, 42, 39, 0.12);
  --line-soft: rgba(37, 42, 39, 0.07);

  --radius-sm: 10px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(23, 74, 54, 0.06);
  --shadow-md: 0 12px 32px rgba(23, 74, 54, 0.1);
  --shadow-lg: 0 22px 50px rgba(23, 74, 54, 0.12);
  --inset-light: inset 0 1px 0 rgba(255, 255, 255, 0.65);

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --t: 0.25s;
  --t-quick: 0.15s;

  --focus: rgba(47, 107, 79, 0.4);

  --t-bg: var(--bg);
  --t-surface: var(--surface);
  --t-surface-2: var(--surface-muted);
  --t-border: var(--line);
  --t-border-soft: var(--line-soft);
  --t-text: var(--text);
  --t-muted: var(--muted);
  --t-muted-2: var(--muted2);
  --t-accent: var(--brand);
  --t-focus: var(--focus);
}

html[data-theme="dark"] {
  --bg: #0f1c16;
  --surface: rgba(247, 243, 234, 0.06);
  --surface-muted: rgba(221, 232, 223, 0.06);
  --text: #f7f3ea;
  --muted: rgba(247, 243, 234, 0.74);
  --muted2: rgba(247, 243, 234, 0.56);
  --line: rgba(247, 243, 234, 0.1);
  --line-soft: rgba(247, 243, 234, 0.06);

  --shadow-sm: 0 1px 0 rgba(247, 243, 234, 0.04);
  --shadow-md: 0 20px 56px rgba(0, 0, 0, 0.42);
  --shadow-lg: 0 28px 72px rgba(0, 0, 0, 0.5);
  --inset-light: inset 0 1px 0 rgba(247, 243, 234, 0.06);

  --t-accent: var(--ff-gold);
  --t-focus: rgba(201, 154, 61, 0.4);
}