/* Equestrian Template — Brand Palette Layer
 *
 * Rebrand surface: override these CSS custom properties per client.
 * This file is loaded AFTER css/main.css, so values here win.
 *
 * The template's design tokens in main.css use semantic names
 * (`--color-green-*`, `--color-gold-*`) from the original template.
 * We alias them to `--brand-*` variables and re-point them to
 * client-specific hues here.
 *
 * When rebranding:
 *   1. Pick primary + accent hex values from the client brand guide.
 *   2. Update the `--brand-*` vars below.
 *   3. Optionally adjust the `--color-green-*` / `--color-gold-*`
 *      overrides if the client's palette skews strongly warm/cool.
 *   4. Verify WCAG AA contrast for primary-on-bg and accent-on-primary.
 */

:root {
  /* Semantic brand tokens — the canonical rebrand surface */
  --brand-primary: #1a2332;        /* navy — primary surfaces, dark text */
  --brand-primary-fg: #ffffff;     /* on-primary text */
  --brand-accent: #d4a847;         /* gold — CTAs, highlights, accents */
  --brand-accent-fg: #1a2332;      /* on-accent text */
  --brand-secondary: #4a7c7e;      /* teal — supporting surfaces */
  --brand-muted: #f4f1ec;          /* warm neutral — section backgrounds */
  --brand-text: #2a2a2a;
  --brand-text-muted: #6b6b6b;
  --brand-border: #e5e2dc;

  /* Override template color tokens to map onto the brand palette.
     Re-point the green scale to the primary hue and the gold scale to
     the accent hue so existing stylesheets pick up the rebrand without
     rewrites. */
  --color-green-900: #0b1018;
  --color-green-800: #111827;
  --color-green-700: var(--brand-primary);
  --color-green-600: #24314a;
  --color-green-500: #2f4062;
  --color-green-100: #eef1f6;

  --color-gold-700: #b08828;
  --color-gold-600: #c39a36;
  --color-gold-500: var(--brand-accent);
  --color-gold-400: #deba6d;
  --color-gold-300: #e5c78a;
  --color-gold-200: #eedba9;
}