/* ══════════════════════════════════════
   GENAU TOKENS
   ══════════════════════════════════════ */
:root {
  --bg: #fafafa;
  --bg-card: #ffffff;
  --bg-muted: #f8f8f9;
  --bg-subtle: #ebebee;

  --fg: #1a1a22;
  --fg-secondary: #52525b;
  --fg-muted: #7e7e8a;
  --fg-hint: #a1a1aa;

  --primary-50: #e8f4f8;
  --primary-100: #c4e4ee;
  --primary-200: #8dcde0;
  --primary-300: #5bb8d0;
  --primary-400: #2fa0bf;
  --primary-500: #1a8ba8;
  --primary-600: #14738d;
  --primary-700: #0f5a6e;
  --primary-800: #094250;
  --primary-900: #042b34;

  --secondary-50: #ecf8f4;
  --secondary-100: #c8ecdf;
  --secondary-200: #8dd9be;
  --secondary-300: #5cc5a1;
  --secondary-400: #38ad85;
  --secondary-500: #259672;
  --secondary-600: #1d7a5c;
  --secondary-700: #165e47;
  --secondary-800: #104434;
  --secondary-900: #092b21;

  --amber-50: #fff8eb;
  --amber-100: #feebc2;
  --amber-200: #fdd889;
  --amber-300: #fcc550;
  --amber-400: #f5a623;
  --amber-500: #db8e12;
  --amber-600: #b4720a;
  --amber-700: #865406;
  --amber-800: #5e3b04;
  --amber-900: #3a2503;

  --coral-50: #fff0ec;
  --coral-100: #ffd4c7;
  --coral-200: #ffb199;
  --coral-300: #ff9070;
  --coral-400: #f06844;
  --coral-500: #d4502e;
  --coral-600: #b03d20;
  --coral-700: #882d16;
  --coral-800: #61200f;
  --coral-900: #3d1409;

  --success-50: #f2fae8;
  --success-100: #ddefc2;
  --success-200: #c2e298;
  --success-300: #96ce54;
  --success-400: #5a9e1e;
  --success-500: #4a8819;
  --success-600: #3b6e13;
  --success-700: #2b4d0c;
  --success-800: #1e3708;
  --success-900: #122204;

  --border: #e4e4e7;
  --border-hover: #d4d4d8;
  --ring: rgba(26, 139, 168, 0.25);

  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 3px hsl(210 10% 20%/0.06);
  --shadow-md: 0 2px 8px hsl(210 10% 20%/0.07), 0 1px 2px hsl(210 10% 20%/0.04);
  --shadow-lg: 0 4px 16px hsl(210 10% 20%/0.08), 0 2px 4px hsl(210 10% 20%/0.04);

  --font-heading: "Nunito", sans-serif;
  --font-body: "Source Sans 3", sans-serif;
  --font-serif: "Lora", Georgia, serif;

  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ─── DARK MODE ─── */
.dark {
  --bg: #18181b;
  --bg-card: #212124;
  --bg-muted: #2a2a2e;
  --bg-subtle: #343438;

  --fg: #ececef;
  --fg-secondary: #a1a1a8;
  --fg-muted: #71717a;
  --fg-hint: #52525a;

  --primary-50: #0e2e38;
  --primary-100: #12404e;
  --primary-200: #1a5f74;
  --primary-300: #258ba6;
  --primary-400: #35a8c6;
  --primary-500: #4dc0dc;
  --primary-600: #72d1e8;
  --primary-700: #a0e2f1;
  --primary-800: #c8eff7;
  --primary-900: #e8f8fc;

  --secondary-50: #0c2a20;
  --secondary-100: #13402f;
  --secondary-200: #1e6b4e;
  --secondary-300: #2e9470;
  --secondary-400: #42b88e;
  --secondary-500: #62d4aa;
  --secondary-600: #88e2c0;
  --secondary-700: #aeecd6;
  --secondary-800: #cef4e8;
  --secondary-900: #e8faf4;

  --amber-50: #2a2008;
  --amber-100: #3d2e0a;
  --amber-200: #5c4510;
  --amber-300: #8b6a1a;
  --amber-400: #c49528;
  --amber-500: #e8b540;
  --amber-600: #f5cc6a;
  --amber-700: #fade92;
  --amber-800: #fcebb8;
  --amber-900: #fef5dc;

  --coral-50: #2e1510;
  --coral-100: #481f18;
  --coral-200: #6e3226;
  --coral-300: #a44a38;
  --coral-400: #f07050;
  --coral-500: #f59080;
  --coral-600: #f8aaa0;
  --coral-700: #fab8b0;
  --coral-800: #fcd4d0;
  --coral-900: #feebe8;

  --success-50: #1a2a0c;
  --success-100: #2b4014;
  --success-200: #3e5e20;
  --success-300: #58882e;
  --success-400: #78c83a;
  --success-500: #92d858;
  --success-600: #ade47a;
  --success-700: #c8f0a0;
  --success-800: #ddf6c0;
  --success-900: #f0fbe0;

  --border: #2e2e33;
  --border-hover: #3f3f46;
  --ring: rgba(77, 192, 220, 0.3);

  --shadow-sm: 0 1px 3px hsl(0 0% 0%/0.35);
  --shadow-md: 0 2px 8px hsl(0 0% 0%/0.4), 0 1px 2px hsl(0 0% 0%/0.3);
  --shadow-lg: 0 4px 16px hsl(0 0% 0%/0.45), 0 2px 4px hsl(0 0% 0%/0.3);
}