/* Bloom Entertainment colour + type system, built 2026-11-12 from brand/colours.json.
   Do not edit here: edit colours.json and run python3 brand/build.py. Guide: brand/Bloom Brand System.md
   Dark is the default. Add class="bloom-light" (or data-bloom="light") for the light set (email, print, sponsor docs).
   Fonts: <link href="https://fonts.googleapis.com/css2?family=Lilita+One&family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&family=Yellowtail&display=swap" rel="stylesheet"> */
:root {
  --bloom-bg: #0B0A09;   /* Page background (Stage Black) */
  --bloom-surface: #161412;   /* Raised panels and cards on black */
  --bloom-surface-2: #221E1A;   /* Inputs, chips, a second level of panel */
  --bloom-line: #3A332C;   /* Dividers (decorative only, never the only sign of something) */
  --bloom-line-strong: #6E6359;   /* Input and button outlines (3:1) */
  --bloom-text: #F6EFE6;   /* Body text and headings (Paper) */
  --bloom-text-soft: #C4B8AA;   /* Secondary text, captions (passes for small text) */
  --bloom-text-faint: #9C8F82;   /* Labels 14px+ and hints only. Not for sentences. */
  --bloom-cream: #F5C5A0;   /* Script series names, dates, small highlights */
  --bloom-orange: #E87722;   /* Buttons (fill), big headlines, icons, prices */
  --bloom-on-orange: #160B03;   /* Words on an orange button (bold, 16px+) */
  --bloom-orange-press: #C95E10;   /* Button hover / pressed */
  --bloom-success: #6FC08A;   /* Paid, checked in, all good */
  --bloom-error: #F07A66;   /* Errors and warnings */
}

.bloom-light, [data-bloom="light"] {
  --bloom-bg: #F6EFE6;   /* Page background for email, print, sponsor docs (Paper) */
  --bloom-surface: #FFFBF5;   /* Cards on paper */
  --bloom-line: #DCCFBF;   /* Dividers (decorative) */
  --bloom-line-strong: #8E8072;   /* Input and button outlines (3:1) */
  --bloom-text: #1C1611;   /* Body text and headings (warm near-black) */
  --bloom-text-soft: #5E5146;   /* Secondary text */
  --bloom-orange: #E87722;   /* Button fill and big shapes only. Never text on light. */
  --bloom-on-orange: #160B03;   /* Words on an orange button */
  --bloom-orange-text: #A8490B;   /* Orange-coloured words and links on light */
  --bloom-success: #286E44;   /* Paid, all good */
  --bloom-error: #B3361F;   /* Errors */
}

:root {
  --bloom-orange-50: #fff4ee;
  --bloom-orange-100: #ffeade;
  --bloom-orange-200: #ffcfb4;
  --bloom-orange-300: #ffaa76;
  --bloom-orange-400: #f07e2d;
  --bloom-orange-500: #ca6100;
  --bloom-orange-600: #a34d00;
  --bloom-orange-700: #823c00;
  --bloom-orange-800: #622b00;
  --bloom-orange-900: #441c00;
  --bloom-orange-950: #2b0f00;
  --bloom-cream-50: #fff5ed;
  --bloom-cream-100: #ffeadb;
  --bloom-cream-200: #ffd0ac;
  --bloom-cream-300: #e5b692;
  --bloom-cream-400: #c29877;
  --bloom-cream-500: #9f7b5e;
  --bloom-cream-600: #81624a;
  --bloom-cream-700: #664d39;
  --bloom-cream-800: #4c3829;
  --bloom-cream-900: #34261b;
  --bloom-cream-950: #1f160f;
  --bloom-green-50: #f0f9f4;
  --bloom-green-100: #e7f2eb;
  --bloom-green-200: #d1dfd6;
  --bloom-green-300: #b4c6bb;
  --bloom-green-400: #91a89b;
  --bloom-green-500: #708a7c;
  --bloom-green-600: #547161;
  --bloom-green-700: #3c5a4a;
  --bloom-green-800: #254535;
  --bloom-green-900: #103021;
  --bloom-green-950: #011e11;
  --bloom-font-display: 'Lilita One', 'Arial Rounded MT Bold', sans-serif;
  --bloom-font-script: 'Yellowtail', cursive;
  --bloom-font-body: 'DM Sans', -apple-system, 'Segoe UI', system-ui, sans-serif;
  --bloom-font-label: 'DM Mono', ui-monospace, Menlo, monospace;
}