/* ==========================================================================
   Micantis design tokens — single source of truth
   --------------------------------------------------------------------------
   Change colors / fonts / spacing here once and they update site-wide.
   No page-level CSS should redefine --hv-* or --micantis-* tokens.
   --------------------------------------------------------------------------
   Layered after Bootstrap, before micantis.css.
   ========================================================================== */

:root {
    /* ----- Typography ----- */
    --mc-font-display: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    --mc-font-mono: 'JetBrains Mono', 'SF Mono', 'Fira Code', 'Courier New', monospace;

    /* ==================================================================
       Brand palette — canonical values
       ================================================================== */

    /* Layout / chrome */
    --micantis-drawer-bg: #e6e8ef;
    --micantis-drawer-active: #bd9f03;
    --micantis-header-bg: #f3f4f6;
    --micantis-header-text: #1A2133;
    --micantis-header-button: #536AA3;
    --micantis-header-button-hover: #EDF2FE;
    --micantis-header-button-disabled: #B9C3DB;

    /* Primary brand */
    --micantis-primary: #556DAF;
    --micantis-primary-light: #7489C6;
    --micantis-primary-dark: #3A4A7A;

    /* Secondary — energy/sustainability */
    --micantis-energy: #00C896;
    --micantis-energy-light: #33D4A8;
    --micantis-energy-dark: #00A67E;

    /* Accent — gold */
    --micantis-accent: #bd9f03;
    --micantis-accent-light: #d4b604;
    --micantis-accent-dark: #a68902;

    /* Neutrals */
    --micantis-gray-50: #FAFBFC;
    --micantis-gray-100: #F4F6F8;
    --micantis-gray-200: #E9ECEF;
    --micantis-gray-300: #DEE2E6;
    --micantis-gray-400: #CED4DA;
    --micantis-gray-500: #ADB5BD;
    --micantis-gray-600: #6C757D;
    --micantis-gray-700: #495057;
    --micantis-gray-800: #343A40;
    --micantis-gray-900: #212529;

    /* Semantic */
    --micantis-success: #00C896;
    --micantis-warning: #E67E22;
    --micantis-danger: #E55555;
    --micantis-info: #556DAF;

    /* Text */
    --micantis-text-primary: #212529;
    --micantis-text-secondary: #6C757D;
    --micantis-text-light: #ADB5BD;
    --micantis-text-white: #FFFFFF;

    /* Background */
    --micantis-bg-light: #FAFBFC;
    --micantis-bg-section: #F4F6F8;

    /* Legacy aliases (don't add new ones — migrate to canonical names) */
    --micantis-blue: var(--micantis-primary);
    --micantis-light-blue: var(--micantis-primary-light);
    --micantis-dark-blue: var(--micantis-primary-dark);
    --micantis-text: var(--micantis-text-primary);
    --micantis-light-gray: var(--micantis-bg-section);

    /* ==================================================================
       Cool / default theme palette (--hv-* token family)
       Used by .mc-page, .about-v2 wrappers and their descendants.
       ================================================================== */
    --hv-bg: #FAFBFC;
    --hv-surface: #FFFFFF;
    --hv-border: rgba(15, 23, 42, 0.08);
    --hv-border-strong: rgba(15, 23, 42, 0.14);
    --hv-text: #0F172A;
    --hv-muted: #64748B;
    --hv-accent: #556DAF;
    --hv-accent-soft: rgba(85, 109, 175, 0.08);
    --hv-energy: #00C896;
}

/* ==================================================================
   Warm theme override
   ------------------------------------------------------------------
   Applied via class on the page wrapper. Pages opt in via
   `.mc-page--warm`; new pages can use `.theme-warm`.
   Both trigger the same palette swap — no drift possible.
   ================================================================== */
.theme-warm,
.mc-page--warm {
    --hv-bg: #F6F5F1;
    --hv-surface: #FFFFFF;
    --hv-border: rgba(15, 23, 42, 0.07);
    --hv-border-strong: rgba(15, 23, 42, 0.12);
    --hv-accent: #4A5AA8;
    --hv-accent-soft: rgba(74, 90, 168, 0.09);
}