/*
 * Brand Theme Override — PHO HOME
 * Palette: Pho Orange #D75A27 (primary), Burnt Clay #B8431D (dark primary),
 *          Warm Cream #FFF5EA, Charcoal #1B1B1B (text), Herb Accent #2E7D32.
 *
 * Set --brand-primary (NOT --primary) — this file is loaded via <link> in
 * index.html, which runs BEFORE Vite's bundled CSS. index.css then sets
 * --primary: var(--brand-primary), reading our override.
 */

:root {
  /* Pho Orange #D75A27 */
  --brand-primary: oklch(0.62 0.17 41);
  --brand-primary-foreground: oklch(0.985 0 0);

  /* Header: Rice White surface, Charcoal #1B1B1B foreground.
     The logo badge is an orange circle on transparent bg, so it needs a
     LIGHT header to read — an orange header would hide it. */
  --brand-header-bg: oklch(1 0 0);
  --brand-header-fg: oklch(0.27 0 0);
}