/* IITD Live design tokens. Owner: design agent. See /DESIGN.md for usage rules.
   Fonts: the v1 stacks below name Bricolage Grotesque (display), Atkinson Hyperlegible Next
   (body) and Atkinson Hyperlegible Mono (pass codes), but nothing loads them from here any more:
   every theme file self-hosts its own faces under assets/fonts/<theme>/ and redefines the
   stacks (Stage: Archivo + Atkinson Hyperlegible Mono). No third-party font requests. */

:root {
  color-scheme: light dark;

  /* Day on campus: LHC-concrete ground, white cards, heritage maroon. */
  --bg: #F4F1F0;               /* concrete: page ground */
  --surface: #FFFFFF;          /* cards, sheets, bottom nav */
  --surface-2: #EDE7E6;        /* inputs, chip ground, skeletons */
  --text: #1C0B11;             /* maroon-black ink */
  --text-muted: #5F4B52;       /* meta lines, labels, input borders */
  --border: #DDD2D3;           /* dividers, card hairlines (decorative only) */

  --primary: #8A1538;          /* heritage maroon: brand, primary action, verified seal */
  --primary-contrast: #FFFFFF; /* text/icons on --primary */
  --accent: #FFB21E;           /* marigold: featured, IITD-first, pass stub. Fill only, never text */
  --accent-contrast: #2A0710;  /* text on --accent AND on --live, in both modes */

  --success: #106B3C;          /* registered, checked in, free */
  --warning: #8A4F00;          /* closes soon, few seats, waitlisted (text) */
  --danger: #B3261E;           /* errors, invalid pass, cancel */
  --live: #F04A0E;             /* saffron flame: happening-now pulse + live banner fill */

  --font-display: "Bricolage Grotesque", "Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;
  --font-mono: "Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --radius-sm: 8px;            /* chips, inputs, small tiles */
  --radius: 14px;              /* buttons, cards */
  --radius-lg: 22px;           /* sheets, pass, hero tiles */

  --shadow-sm: 0 1px 2px rgb(42 7 16 / 0.08), 0 1px 3px rgb(42 7 16 / 0.06);
  --shadow: 0 12px 28px -12px rgb(42 7 16 / 0.28), 0 2px 6px rgb(42 7 16 / 0.08);

  /* Stage: hero photos sit on a dark scrim in both themes, like a lit stage at night. */
  --stage: #140A0D;
  --on-stage: #FFF6F1;
  --on-stage-muted: #F0D6DC;
  --scrim: linear-gradient(180deg, rgb(20 10 13 / 0) 0%, rgb(20 10 13 / 0.15) 35%, rgb(20 10 13 / 0.72) 68%, rgb(20 10 13 / 0.94) 100%);

  /* Glow: light spilling off a stage. Offset + blur, tinted by what's lit. Use on live, featured and the primary CTA only. */
  --glow-live: 0 6px 22px -4px rgb(240 74 14 / 0.65), 0 0 0 1px rgb(240 74 14 / 0.35);
  --glow-accent: 0 10px 30px -8px rgb(255 178 30 / 0.75);
  --glow-primary: 0 12px 32px -10px rgb(138 21 56 / 0.8);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 40px;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;

    /* Fest night: maroon-black sky over the OAT, stage-lit rose, marigold, saffron. */
    --bg: #140A0D;
    --surface: #1F1116;
    --surface-2: #2C1820;
    --text: #F8EDEF;
    --text-muted: #BDA0A9;
    --border: #432A31;

    --primary: #FF7A98;          /* maroon under stage light: rose. Dark text on it */
    --primary-contrast: #2A0710;
    --accent: #FFC23D;
    --accent-contrast: #2A0710;

    --success: #4CD68E;
    --warning: #FFC861;
    --danger: #FF6F61;
    --live: #FF7A2E;

    --glow-live: 0 6px 26px -4px rgb(255 122 46 / 0.75), 0 0 0 1px rgb(255 122 46 / 0.45);
    --glow-accent: 0 10px 34px -8px rgb(255 194 61 / 0.7);
    --glow-primary: 0 12px 36px -10px rgb(255 122 152 / 0.7);

    --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.5);
    --shadow: 0 14px 32px -12px rgb(0 0 0 / 0.75), 0 2px 6px rgb(0 0 0 / 0.4);
  }
}