/* td / monobrand_black — the DARK palette, and nothing else.
   Values copied verbatim from the designer's export (the custom properties on
   `<div data-brand-root>` in tmp/td/monobrand/Casino Dark.dc.html). The structure
   that consumes them lives in the shared kit (themes/td/_kit/assets/kit.css).

   --brand is the ONLY value a site overrides: the client's info.yaml main_color
   is emitted as an inline `:root{--brand: …}` AFTER this file, so the per-site
   colour wins and every tint derives from it through color-mix(). */

:root {
  --brand: #FBCB00;
  --brand-ink: #16120A;
  --brand-soft: color-mix(in srgb, var(--brand) 16%, transparent);
  --brand-line: color-mix(in srgb, var(--brand) 38%, transparent);

  --accent: #29C2FB;

  --bg: #0B0C0F;
  --bg-deep: #07080A;

  --text: #F4F6F8;
  --text-dim: color-mix(in srgb, var(--text) 58%, transparent);
  --text-mute: color-mix(in srgb, var(--text) 38%, transparent);

  --glass: rgba(255, 255, 255, 0.055);
  --glass-2: rgba(255, 255, 255, 0.10);
  --glass-3: rgba(255, 255, 255, 0.16);
  --stroke: rgba(255, 255, 255, 0.11);
  --stroke-2: rgba(255, 255, 255, 0.22);
  --hi: rgba(255, 255, 255, 0.16);
  --shadow: 0 22px 60px rgba(0, 0, 0, .5);
  --blur: 26px;

  /* Text and chrome that sit ON a photo, where the palette must stay light in
     both themes (hero slides, game tiles, jackpot banner). */
  --on-media: #FFFFFF;
  --on-media-dim: rgba(255, 255, 255, 0.76);
  --media-glass: rgba(255, 255, 255, 0.14);
  --media-stroke: rgba(255, 255, 255, 0.32);

  /* The gloss on frosted panels — subtle on dark, strong on light. */
  --pane-gloss: rgba(255, 255, 255, .10);
  --pane-gloss-stop: 42%;
}