/*
 * Editable colours. The SezHub admin panel rewrites this file; nothing here is
 * produced by the build, which is why it sits in public/ and not in app/.
 *
 * Loaded after the compiled stylesheet, and written as `:root:root` so it wins
 * on specificity rather than on load order — a stylesheet that arrives second
 * is not something to rely on.
 *
 * Values are hex so the panel's colour pickers can show them, and they are the
 * sRGB of the oklch palette in globals.css, so this file changes nothing until
 * someone edits it. Both have to be changed together: this one wins on the
 * properties it mentions, the compiled one carries the rest (background, cards,
 * borders, and the dark ink on the button).
 */
:root:root {
  /* Icons, active tab, borders, badges: the colour the site reads as. */
  --primary: #e8b53b;

  /* Body text, and the dimmer text under it — warm, to sit on a black ground. */
  --foreground: #f9f5ec;
  --muted-foreground: #b8b0a0;

  /*
   * The unlock button runs between these two: champagne into deep gold. Keep
   * both light. The text on this button is near-black (--cta-ink in
   * globals.css), which is what makes gold readable at all.
   */
  --cta-from: #f0d777;
  --cta-to: #da8b00;

  /*
   * The two words of the headline. Warm white and gold rather than two golds:
   * two shades of the same colour stop reading as two words in two finishes.
   */
  --title-brand: #ebe4d6;
  --title-vip: #f3c443;

  /*
   * Derived, not picked. These are the accent at other strengths — the chip
   * behind a badge, the hairline around a card — so they follow the accent
   * instead of staying gold while everything else changes colour. The
   * percentages reproduce the oklch palette when the accent is its default.
   */
  --accent: color-mix(in oklab, var(--primary) 45%, black);
  --border: color-mix(in oklab, color-mix(in oklab, var(--primary) 52%, black) 55%, transparent);

  --gradient-cta: linear-gradient(100deg, var(--cta-from), var(--cta-to));
  --shadow-glow: 0 0 40px color-mix(in oklab, var(--cta-to) 55%, transparent);
}