/* Per-dealer color theme. brand-loader.js sets the --brand-* properties on <html> and adds
 * data-brand-theme only when the logged-in dealer has custom colors; without it nothing below
 * applies and every var(--brand-*, <gold>) in the app falls back to the built-in gold look.
 *
 * --brand-primary / -contrast   filled buttons, headers, badges and their text (AA)
 * --brand-primary-deep          darker end of brand gradients
 * --brand-primary-ink           primary as text on white/cream surfaces (AA)
 * --brand-accent / -contrast    secondary fills, borders, glows
 * --brand-accent-text           accent as text on the dark app shell (AA)
 * --brand-primary-rgb / --brand-accent-rgb   "r,g,b" for translucent tints
 * --brand-nav-bg                sidebar / nav background
 *
 * Semantic colors (success/danger/warning) and chart palettes are intentionally not mapped. */

:root[data-brand-theme] {
  --brand-primary-soft: rgba(var(--brand-primary-rgb), .12);

  --gold: var(--brand-primary);
  --gold-dark: var(--brand-primary-ink);
  --gold-light: var(--brand-accent-text);
  --gold-subtle: rgba(var(--brand-accent-rgb), .10);
  --gold-border: rgba(var(--brand-accent-rgb), .25);

  --color-gold: var(--brand-accent-text);
  --color-gold-text: var(--brand-accent-text);
  --color-gold-bright: var(--brand-primary);
  --color-gold-standard: var(--brand-primary-ink);
  --color-gold-dark: var(--brand-primary-ink);
  --color-gold-deep: var(--brand-primary-deep);
  --color-gold-light: rgba(var(--brand-accent-rgb), .35);
  --color-gold-bg: rgba(var(--brand-accent-rgb), .08);
  --color-gold-border: rgba(var(--brand-accent-rgb), .25);
  --color-gold-dim: rgba(var(--brand-accent-rgb), .12);
  --color-gold-glow: rgba(var(--brand-accent-rgb), .25);
  --color-brand-gold: var(--brand-primary);
  --gradient-gold: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-deep) 100%);
  --color-surface-featured: rgba(var(--brand-accent-rgb), .08);

  --accent: var(--brand-accent-text);
  --accent2: var(--brand-accent-text);
  --accent-bg: rgba(var(--brand-accent-rgb), .10);
  --color-accent: var(--brand-accent-text);
  --ford-blue: var(--brand-accent-text);
  --ford-light: var(--brand-accent);

  --sidebar-bg: var(--brand-nav-bg);
  --color-sidebar: var(--brand-nav-bg);
  --sidebar-accent: var(--brand-accent-text);
  --sidebar-active: rgba(var(--brand-accent-rgb), .16);
}