/* Design tokens: change the look of the whole site from here. */
:root {
  /* Saffron & gold palette */
  --saffron-600: #d9661f;
  --saffron-500: #f08a24;
  --saffron-400: #f6a845;
  --gold-500: #d9a62e;
  --gold-400: #e9c160;
  --gold-300: #f3d98b;
  --maroon-950: #160804;
  --maroon-900: #1e0b06;
  --maroon-800: #2a1208;
  --maroon-700: #3b1a0e;
  --maroon-600: #5a2a14;
  --cream-100: #fff7e8;
  --cream-200: #f7e9cf;
  --cream-300: #e8d3ae;

  /* Roles */
  --bg: var(--maroon-900);
  --text: var(--cream-100);
  --text-muted: rgba(255, 247, 232, 0.72);
  --text-faint: rgba(255, 247, 232, 0.5);
  --accent: var(--saffron-400);
  --accent-strong: var(--saffron-500);
  --gold: var(--gold-400);
  --glass: rgba(30, 12, 6, 0.6);
  --glass-strong: rgba(24, 9, 4, 0.86);
  --glass-border: rgba(233, 193, 96, 0.32);
  --line: rgba(233, 193, 96, 0.18);

  /* Type */
  --font-display: "Yatra One", "Mukta", Georgia, serif;
  --font-body: "Mukta", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Shape & depth */
  --radius-lg: 22px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.45);
  --focus-ring: 0 0 0 3px rgba(246, 168, 69, 0.7);

  /* Layout */
  --gutter: 16px;
  --content-max: 880px;
  --topbar-h: 64px;
}