/* ============================================
   Design Tokens — Figma Design System
   Loaded between main.css and custom.css to
   override the default color scheme site-wide.
   ============================================ */

/* --- Global Color Overrides --- */
:root {
    /* Primary palette */
    --accent-color: #0645ad;
    --accent-color-dark: #0b0080;

    /* Text colors */
    --heading-color: #202122;
    --secondary-color: #54595d;

    /* Surfaces & borders */
    --background-color: #ffffff;
    --surface-color: #ffffff;
    --surface-alt-color: #f8f9fa;
    --border-color: #e5e7eb;

    /* Typography */
    --heading-font: "Libertinus Serif", "Linux Libertine", Georgia, Times, serif;

    /* Nav overrides */
    --nav-hover-color: #0645ad;
    --nav-dropdown-hover-color: #0645ad;

    /* Border radii */
    --fg-radius-sm: 8px;
    --fg-radius-md: 12px;
    --fg-radius-lg: 16px;

    /* Shadows */
    --fg-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
    --fg-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
    --fg-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.1);

    /* Card tokens */
    --fg-card-bg: #ffffff;
    --fg-card-border: #e5e7eb;
    --fg-card-radius: 16px;
    --fg-card-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    --fg-card-hover-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);

    /* Accent tints */
    --accent-bg-light: #eff6ff;
    --accent-shadow: rgba(6, 69, 173, 0.25);
}

/* --- Dark Mode Overrides --- */
body.dark-mode {
    --accent-color: #6b9eff;
    --accent-color-dark: #4a7fff;
    --heading-color: #f1f5f9;
    --secondary-color: #999999;
    --background-color: #121212;
    --surface-color: #1a1a1a;
    --surface-alt-color: #0e0e0e;
    --border-color: #333333;
    --fg-card-bg: #1a1a1a;
    --fg-card-border: #333333;
    --fg-card-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    --fg-card-hover-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    --accent-bg-light: #1e293b;
    --accent-shadow: rgba(107, 158, 255, 0.2);
    --nav-hover-color: #6b9eff;
    --nav-dropdown-hover-color: #6b9eff;
}