/* Design Tokens - Auto-generated */
/* Do not edit directly - modify tokens.json instead */

/* === PRIMITIVES === */
:root {
  --primitive-color-green-700: #1b4332;
  --primitive-color-green-800: #14301f;
  --primitive-color-green-900: #10261b;
  --primitive-color-gold-500: #c9a24b;
  --primitive-color-gold-600: #a9822f;
  --primitive-color-neutral-bg: #faf6ee;
  --primitive-color-neutral-surface: #ffffff;
  --primitive-color-neutral-ink: #22281f;
  --primitive-color-neutral-ink-soft: #5b6358;
  --primitive-radius-pill: 999px;
  --primitive-radius-card: 20px;
  --primitive-shadow-soft: 0 20px 50px rgba(20, 30, 24, 0.10);
  --primitive-shadow-lift: 0 26px 60px rgba(20, 30, 24, 0.16);
}

/* === SEMANTIC === */
:root {
  --color-background: #faf6ee;
  --color-surface: #ffffff;
  --color-foreground: #22281f;
  --color-foreground-muted: #5b6358;
  --color-primary: #1b4332;
  --color-primary-hover: #10261b;
  --color-accent: #c9a24b;
  --color-accent-hover: #a9822f;
  --color-border: rgba(27, 67, 50, 0.14);
}

/* === COMPONENTS === */
:root {
  --header-bg-solid: #14301f;
  --card-bg: #ffffff;
  --card-border: rgba(27, 67, 50, 0.14);
  --card-radius: 20px;
  --card-shadow: 0 20px 50px rgba(20, 30, 24, 0.10);
  --card-shadow-hover: 0 26px 60px rgba(20, 30, 24, 0.16);
  --button-radius: 999px;
  --button-primary-bg: #1b4332;
  --button-primary-bg-hover: #10261b;
}