/* ============================================================================
   DESIGN TOKENS - COLOR PALETTE & TYPOGRAPHY
   ============================================================================ */
:root {
  color-scheme: light dark;

  /* Colors */
  --accent: light-dark(#b8860b, #e8c55f);
  --hover: light-dark(#8b6914, #f0d974);
  --background-color: light-dark(#fef3c7, #705507);
  --primary: light-dark(#1a1a1a, #e0e0e0);
  --secondary: light-dark(#666, #aaa);
  --surface: light-dark(#f2f2f2, #2a2a2a);
  --border: light-dark(#e5d4b1, #5a4a30);
  --code: light-dark(#b8860b, #e8c55f);

  /* Gradient */
  --gradient-banner: radial-gradient(ellipse 150% 100% at 30% 50%, light-dark(#ffd700, #c9944d) 0%, light-dark(#daa520, #a68860) 25%, light-dark(#deb887, #8b7355) 50%, light-dark(#cd853f, #6b5a45) 100%), linear-gradient(45deg, light-dark(#edc951, #b89968) 0%, light-dark(#b8860b, #7a6d5a) 100%);

  /* Typography */
  --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  --font-family-mono: 'Courier New', monospace;
}