/* Forrester Clothing — design tokens
   Source of truth: .claude/DESIGN_SYSTEM.md § Color tokens.
   Never hardcode a hex value in a component — add/adjust the token here. */

:root {
  --bg: #ffffff;
  --text: #161b14;
  --muted: #3f3828;
  --card: #eceae0;
  --accent: #5f6a5b;
  --accent-text: #ffffff;
  --forest: #4a5d40;
  --icon-muted: #a3a893;
  --border: rgba(22, 27, 20, 0.15);
  --border-strong: rgba(22, 27, 20, 0.3);
  --gold: #fdde7b; /* fixed — does not flip in dark mode */
}

[data-theme="dark"] {
  --bg: #181d16;
  --text: #f3ead9;
  --muted: #b7b2a0;
  --card: #262b22;
  --accent: #8fa089;
  --accent-text: #161b14;
  --forest: #9db495;
  --icon-muted: #6f7a68;
  --border: rgba(255, 255, 255, 0.14);
  --border-strong: rgba(255, 255, 255, 0.28);
}