:root {
  /* Primary Palette */
  --forest: #163A2D;
  --evergreen: #1E4D3A;
  --moss: #2B5E49;
  --leaf: #79C56A;
  --sage: #B7D8A8;
  --gold: #E8C547;
  --gold-bright: #F3D15A;

  /* Text */
  --text-primary: #FFFFFF;
  --text-secondary: #D6DDD8;
  --text-muted: #AEB8B1;

  /* Surfaces */
  --bg: #0D231A;
  --bg-elevated: #122C22;
  --surface: rgba(30, 77, 58, 0.4);
  --surface-hover: rgba(43, 94, 73, 0.5);
  --border: rgba(183, 216, 168, 0.12);
  --border-hover: rgba(232, 197, 71, 0.35);

  /* Effects */
  --glass: rgba(22, 58, 45, 0.65);
  --glass-border: rgba(183, 216, 168, 0.15);
  --glow: 0 0 40px rgba(121, 197, 106, 0.25);
  --glow-gold: 0 0 30px rgba(232, 197, 71, 0.3);

  /* Typography */
  --font-heading: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

  /* Spacing */
  --section-pad: clamp(5rem, 12vw, 9rem);
  --container: min(1200px, 92vw);

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration: 0.6s;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
}

/* Light mode (optional) */
[data-theme="light"] {
  --bg: #F4F7F2;
  --bg-elevated: #FFFFFF;
  --text-primary: #163A2D;
  --text-secondary: #2B5E49;
  --text-muted: #5A7A6A;
  --surface: rgba(183, 216, 168, 0.25);
  --border: rgba(22, 58, 45, 0.12);
  --glass: rgba(255, 255, 255, 0.7);
}