/* ============================================================
   BRAND.CSS — Gamaliel Das Color Palette Override
   Only this file changes. Zero structure impact.
   
   Rayo default accent (dark mode): #DDF160  lime-yellow
   Gamaliel brand accent:           #fc4c1f  orange
   ============================================================ */

/* ── Override the dark-mode accent variables ─────────────────
   Rayo reads these via [color-scheme=dark] selector.
   All buttons, tags, highlights, CTAs update automatically.
   ─────────────────────────────────────────────────────────── */
:root {
  --accent--dark:            #fc4c1f;
  --accent-rgb--dark:        252, 76, 31;
  --additional--dark:        #ff7c52;
  --additional-rgb--dark:    255, 124, 82;
}

[color-scheme="dark"],
[color-scheme=dark] {
  --accent:         #fc4c1f;
  --accent-rgb:     252, 76, 31;
  --additional:     #ff7c52;
  --additional-rgb: 255, 124, 82;
}

[color-scheme="light"],
[color-scheme=light] {
  --accent:         #fc4c1f;
  --accent-rgb:     252, 76, 31;
  --additional:     #ff7c52;
  --additional-rgb: 255, 124, 82;
}

/* ── Force dark mode as the default page color scheme ────────
   Prevents flash of light theme on load.
   ─────────────────────────────────────────────────────────── */
@media (prefers-color-scheme: light) {
  [color-scheme="dark"],
  [color-scheme=dark] {
    --base:              var(--base--dark);
    --base-tint:         var(--base-tint--dark);
    --base-shade:        var(--base-shade--dark);
    --base-opp:          var(--base-opp--dark);
    --base-opp-tint:     var(--base-opp-tint--dark);
    --accent:            #fc4c1f;
    --accent-rgb:        252, 76, 31;
    --additional:        #ff7c52;
    --additional-rgb:    255, 124, 82;
    --t-bright:          var(--t-bright--dark);
    --t-medium:          var(--t-medium--dark);
    --t-muted:           var(--t-muted--dark);
    --t-muted-extra:     var(--t-muted-extra--dark);
    --st-bright:         var(--st-bright--dark);
    --st-medium:         var(--st-medium--dark);
    --st-muted:          var(--st-muted--dark);
    --neutral-transparent: var(--neutral-transparent--dark);
    --fw-regular:        var(--fw-regular--dark);
    --fw-medium:         var(--fw-medium--dark);
    --fw-semibold:       var(--fw-semibold--dark);
    --fw-bold:           var(--fw-bold--dark);
  }
}