/*
 * BHI Brand Update — Design Token Override
 * Drop this after existing stylesheet links in index.html:
 *   <link rel="stylesheet" href="/bhi-brand.css" />
 */

/* ── Cormorant Garamond @font-face declarations ──────────────────────────── */
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 300; font-display: swap; src: url('/fonts/cormorant-garamond-latin-ext-normal-300.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 300; font-display: swap; src: url('/fonts/cormorant-garamond-latin-normal-300.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/cormorant-garamond-latin-ext-normal-400.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/cormorant-garamond-latin-normal-400.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/cormorant-garamond-latin-ext-normal-600.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/cormorant-garamond-latin-normal-600.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 300; font-display: swap; src: url('/fonts/cormorant-garamond-latin-ext-italic-300.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 300; font-display: swap; src: url('/fonts/cormorant-garamond-latin-italic-300.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 400; font-display: swap; src: url('/fonts/cormorant-garamond-latin-ext-italic-400.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 400; font-display: swap; src: url('/fonts/cormorant-garamond-latin-italic-400.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ══ LIGHT MODE ══════════════════════════════════════════════════════════════ */
:root {
  --font-serif: 'Cormorant Garamond', Georgia, serif;

  --bhi-midnight:  240 36% 17%;
  --bhi-gold:       44 54% 54%;
  --bhi-gold-light: 44 63% 76%;
  --bhi-dusk:      240 15% 42%;
  --bhi-ivory:      40 39% 97%;
  --bhi-stone:      40 29% 92%;

  --background:          40 39% 97%;
  --foreground:         240 36% 17%;
  --primary:            240 36% 17%;
  --primary-foreground:   0  0% 100%;
  --secondary:           40 29% 92%;
  --secondary-foreground:240 36% 17%;
  --muted:               40 29% 92%;
  --muted-foreground:   240 15% 42%;
  --accent:              44 54% 54%;
  --accent-foreground:  240 36% 17%;
  --card:                40 39% 97%;
  --card-foreground:    240 36% 17%;
  --popover:             40 39% 97%;
  --popover-foreground: 240 36% 17%;
  --border:              40 20% 85%;
  --input:               40 20% 80%;
  --ring:                44 54% 54%;
  --sidebar:                   40 25% 94%;
  --sidebar-foreground:       240 36% 17%;
  --sidebar-border:            40 20% 85%;
  --sidebar-primary:          240 36% 17%;
  --sidebar-primary-foreground: 0  0% 100%;
  --sidebar-accent:            40 29% 92%;
  --sidebar-accent-foreground:240 36% 17%;
  --sidebar-ring:              44 54% 54%;
  --chart-1:  44 54% 54%;
  --chart-2: 240 36% 17%;
  --chart-3: 240 15% 42%;
  --chart-4:  44 63% 76%;
  --chart-5:  20 40% 60%;
}

/* ══ DARK MODE ═══════════════════════════════════════════════════════════════ */
.dark {
  --background:           240 36% 10%;
  --foreground:            40 39% 97%;
  --primary:               44 54% 54%;
  --primary-foreground:   240 36% 17%;
  --secondary:            240 28% 20%;
  --secondary-foreground:  40 39% 97%;
  --muted:                240 28% 18%;
  --muted-foreground:      44 63% 76%;
  --accent:                44 54% 54%;
  --accent-foreground:    240 36% 17%;
  --card:                 240 36% 13%;
  --card-foreground:       40 39% 97%;
  --popover:              240 36% 13%;
  --popover-foreground:    40 39% 97%;
  --border:               240 28% 20%;
  --input:                240 28% 25%;
  --ring:                  44 54% 54%;
  --sidebar:              240 36% 10%;
  --sidebar-foreground:    40 39% 97%;
  --sidebar-border:       240 28% 18%;
  --sidebar-primary:       44 54% 54%;
  --sidebar-primary-foreground: 240 36% 17%;
  --sidebar-accent:       240 28% 18%;
  --sidebar-accent-foreground:  44 63% 76%;
  --sidebar-ring:          44 54% 54%;
  --chart-1:  44 54% 54%;
  --chart-2:  40 39% 90%;
  --chart-3: 240 15% 60%;
  --chart-4:  44 63% 76%;
  --chart-5:  20 40% 65%;
}

/* ══ LOADING SPINNER override ═══════════════════════════════════════════════ */
.css-spinner {
  border-color: #1B1B3A !important;
  border-top-color: transparent !important;
}

/* ══ GOLD ACCENT UTILITIES ══════════════════════════════════════════════════ */
.bhi-gold-rule    { border: none; border-top: 1px solid hsl(var(--bhi-gold)); margin: 1.5rem 0; }
.bhi-text-gold    { color: hsl(var(--bhi-gold)); }
.bhi-text-midnight{ color: hsl(var(--bhi-midnight)); }
.bhi-bg-midnight  { background-color: hsl(var(--bhi-midnight)); }
.bhi-bg-ivory     { background-color: hsl(var(--bhi-ivory)); }