/* FestiON — source-of-truth brand tokens */
:root {
  --fi-void: #070808;
  --fi-surface: #101212;
  --fi-surface-raised: #171A1A;
  --fi-stroke: #2A2E2E;
  --fi-lime: #BFFF00;
  --fi-lime-soft: #D8FF55;
  --fi-white: #F7F8F5;
  --fi-muted: #9AA19F;
  --fi-violet: #8B5CF6;
  --fi-pink: #FF3D9A;
  --fi-success: #51E28A;
  --fi-warning: #FFC857;
  --fi-danger: #FF5C6C;
  --fi-radius-sm: 8px;
  --fi-radius: 16px;
  --fi-radius-lg: 24px;
  --fi-shadow: 0 12px 40px rgba(0, 0, 0, .34);
  --fi-glow: 0 0 28px rgba(214, 255, 0, .16);
  --fi-font-display: "Montserrat", Arial, sans-serif;
  --fi-font-ui: "Poppins", Arial, sans-serif;
  --fi-font: var(--fi-font-ui);
  --fi-ease: 180ms ease;

  /* Compatibility aliases used by the current app. */
  --fi-black: var(--fi-void); --fi-black-2: var(--fi-surface); --fi-ink: var(--fi-surface-raised);
  --fi-card: var(--fi-surface); --fi-card-2: var(--fi-surface-raised); --fi-line: var(--fi-stroke);
  --fi-lime-hover: var(--fi-lime-soft); --fi-fuchsia: var(--fi-pink); --fi-ok: var(--fi-success); --fi-err: var(--fi-danger);
  --bg: var(--fi-void); --bg-2: var(--fi-surface); --ink: var(--fi-white); --muted: var(--fi-muted);
  --line: var(--fi-stroke); --panel: var(--fi-surface); --primary: var(--fi-lime); --accent: var(--fi-lime-soft);
  --gold: var(--fi-lime); --gold-2: var(--fi-lime-soft); --acid: var(--fi-lime); --ok: var(--fi-success); --err: var(--fi-danger);
  --font: var(--fi-font-ui); --display: var(--fi-font-display); --radius: var(--fi-radius);
}

/* Shared visual baseline for every FestiON surface. */
body { background-color: var(--fi-void); color: var(--fi-white); font-family: var(--fi-font-ui); }
h1, h2, h3, .display, .section-title { font-family: var(--fi-font-display); letter-spacing: -.03em; }
:focus-visible { outline: 0; box-shadow: 0 0 0 3px rgba(214, 255, 0, .22); }