/* ==========================================================================
   Brand override, loaded as a plain <link> so the FIRST painted frame is
   already blood red on black. The old brand-kit values (navy + orange) are
   only kept as the file they came in; every one of them is retuned here.
   Element-level fixes live in src/styles/brand-override.css.
   ========================================================================== */
:root {
  /* ---- Primaries: one red, no blue ---- */
  --ember: #E22A3E;
  --signal: #E22A3E;
  --grad-signature: linear-gradient(90deg, #9E0E1F 0%, #E0213A 45%, #FF4552 100%);
  --grad-signature-v: linear-gradient(180deg, #9E0E1F 0%, #E0213A 45%, #FF4552 100%);

  --ember-50: #FFF1F2;  --ember-100: #FFE0E3; --ember-200: #FFC4CA; --ember-300: #FF9BA5;
  --ember-400: #FF7784; --ember-500: #FF4552; --ember-600: #F0313F; --ember-700: #E22A3E;
  --ember-800: #BE1629; --ember-900: #7A1019; --ember-950: #3E0A10; --ember-990: #1C0508;

  --signal-50: #FFF1F2;  --signal-100: #FFE0E3; --signal-200: #FFC4CA; --signal-300: #FF9BA5;
  --signal-400: #FF4552; --signal-500: #F0313F; --signal-600: #E22A3E; --signal-700: #BE1629;
  --signal-800: #9E0E1F; --signal-900: #5A0B14; --signal-950: #2A060B; --signal-990: #140507;

  --mist: #E6D9D5; --lilac: #C9868F; --periwinkle: #E22A3E; --iris: #BE1629;
  --plum: #2A060B; --dusk: #1A0608;

  /* ---- Night: black with a maroon lift ---- */
  --night-base: #050102; --night-void: #0A0203; --night-deep: #0A0203; --night-sky: #140506;
  --night-floor: #1A0608; --night-panel: #170607; --night-horizon: #2A0A0E; --night-rim: #4A1118;

  /* ---- Semantic accents ---- */
  --acc-red: #FF4552; --acc-heart: #E22A3E; --acc-sky: #FF7784;

  /* ---- Text ---- */
  --text-headline: #F2EBE7;
  --text-secondary: #E6D9D5;
  --text-cool: #B8ADA9;
  --text-muted: rgba(242, 235, 231, 0.55);

  /* ---- Surfaces ---- */
  --bit-off-bg: rgba(226, 42, 62, 0.14);
  --bit-off-rim: rgba(226, 42, 62, 0.32);
  --panel-bg: rgba(23, 6, 7, 0.72);
  --panel-rim: rgba(242, 235, 231, 0.14);

  /* ---- Type ---- */
  --font-display: "Archivo", "Noto Sans Devanagari", "Noto Sans Thai", "Noto Sans Arabic", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Archivo", "Noto Sans Devanagari", "Noto Sans Thai", "Noto Sans Arabic", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Noto Sans Devanagari", "Noto Sans Thai", "Noto Sans Arabic", ui-monospace, Menlo, monospace;

  /* ---- Recipes that hardcoded the old palette ---- */
  --button-ink: #FFF3EF;
  --error-text: #FF8A94;
  --panel-fill: linear-gradient(165deg, rgba(42, 10, 14, 0.72), rgba(10, 2, 3, 0.86));
  --panel-border: rgba(226, 42, 62, 0.28);
  --shadow-card: inset 0 1px 1px rgba(255, 255, 255, 0.08), 0 30px 80px -40px rgba(0, 0, 0, 0.95);
  --glass-fill: linear-gradient(165deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03));
  --glass-rim: rgba(242, 235, 231, 0.18);
  --secondary-fill: linear-gradient(165deg, rgba(242, 235, 231, 0.12), rgba(242, 235, 231, 0.04));
  --secondary-rim: rgba(242, 235, 231, 0.24);
  --secondary-hover: linear-gradient(165deg, rgba(226, 42, 62, 0.34), rgba(158, 14, 31, 0.24));
  --secondary-highlight: inset 0 1px 1px rgba(255, 255, 255, 0.22);
  --hover-rim: rgba(255, 69, 82, 0.6);
  --primary-shadow: 0 10px 30px -8px rgba(226, 42, 62, 0.55);
  --primary-hover-shadow: 0 14px 38px -8px rgba(226, 42, 62, 0.7);
  --episode-hover-shadow: 0 24px 60px -24px rgba(226, 42, 62, 0.45), 0 10px 30px -20px rgba(0, 0, 0, 0.8);
  --input-fill: rgba(20, 5, 6, 0.78);
  --focus-shadow: 0 0 0 4px rgba(226, 42, 62, 0.2);
  --error-shadow: 0 0 0 4px rgba(255, 69, 82, 0.16);
  --algo-message-fill: linear-gradient(165deg, rgba(42, 10, 14, 0.86), rgba(10, 2, 3, 0.9));
  --algo-message-rim: rgba(226, 42, 62, 0.3);
  --emerald-glow: rgba(226, 42, 62, 0.5);
  --emerald-ring: rgba(226, 42, 62, 0.2);
  --night-backdrop:
    radial-gradient(60% 50% at 12% 0%, rgba(226, 42, 62, 0.12), transparent 60%),
    radial-gradient(55% 55% at 100% 100%, rgba(158, 14, 31, 0.14), transparent 60%),
    linear-gradient(180deg, #140506 0%, #050102 55%);
  --poster-fill: linear-gradient(165deg, #2A0A0E, #0A0203);
  --poster-fill-warm: linear-gradient(165deg, #3E0A10, #0A0203);
  --poster-fill-bridge: linear-gradient(165deg, #1A0608, #140506);
}

html, body { background: #050102; color: #F2EBE7; }