/*
 * Cirque Tickets brand tokens for standalone pages that don't load the Vite
 * bundle (vote, invite, landing, errors). Source: knowledge base brand/colors.md
 * and brand/typography.md. Keep in sync with tailwind.config.js.
 *
 * Load Inter alongside this file:
 * <link rel="preconnect" href="https://fonts.bunny.net">
 * <link href="https://fonts.bunny.net/css?family=inter:400,500,600,700,800&display=swap" rel="stylesheet">
 */
:root {
  /* Brand red */
  --ct-red: #FE3A24;
  --ct-red-hover: #E7341F;
  --ct-red-ink: #E02A16; /* small red text on light backgrounds only */

  /* Neutral ramp */
  --ct-n-950: #0D1119;  --ct-n-900: #1A1F2E;  --ct-n-800: #545C76;
  --ct-n-700: #717A97;  --ct-n-600: #7B85A2;  --ct-n-500: #A8B3D2;
  --ct-n-400: #BEC6DF;  --ct-n-300: #CBD2E6;  --ct-n-200: #DCE1EE;
  --ct-n-150: #E6EAF3;  --ct-n-100: #ECEFF6;  --ct-n-50:  #F4F6FA;
  --ct-n-25:  #FCFCFD;

  --ct-dark: var(--ct-n-950);   --ct-ink: var(--ct-n-900);
  --ct-ink-2: var(--ct-n-800);  --ct-ink-3: var(--ct-n-700);
  --ct-ink-4: var(--ct-n-500);  --ct-bg: var(--ct-n-50);
  --ct-bg-alt: var(--ct-n-100); --ct-surface: var(--ct-n-25);
  --ct-line: var(--ct-n-200);   --ct-line-2: var(--ct-n-150);

  /* Secondary palette — illustrations, steps, balance; never buttons */
  --ct-s-green: #00C986; --ct-s-yellow: #FDCA00; --ct-s-blue: #00B4FC;

  /* Award accent — Cirque Tickets Public Award only, used sparingly */
  --ct-gold: #D4A843;
  --ct-gold-light: #E8C96A;
  --ct-gold-deep: #B8892A;

  /* Type */
  --ct-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}