/* ==========================================================================
   JIM Student Theme — Design Tokens
   ========================================================================== */

:root {
    /* ── Palette ── */
    --jim-navy: #123354;
    --jim-navy-deep: #09263F;
    --jim-teal: #006F68;
    --jim-teal-dark: #00564F;
    --jim-emerald: #07845F;
    --jim-mint: #DDF5EC;
    --jim-green-bright: #25B879;
    --jim-gold: #E5B43C;
    --jim-blue: #1685D8;
    --jim-purple: #7555C7;
    --jim-orange: #F39A27;
    --jim-rose: #E94E77;
    --jim-text: #18324B;
    --jim-muted: #637D95;
    --jim-border: #DCE8EF;
    --jim-surface: #F5F9FC;
    --jim-white: #FFFFFF;

    /* ── Typography ── */
    --jim-font: 'Inter', 'Source Sans 3', system-ui, -apple-system, sans-serif;
    --jim-font-heading: var(--jim-font);

    /* ── Spacing scale (4px base) ── */
    --jim-sp-1: 4px;
    --jim-sp-2: 8px;
    --jim-sp-3: 12px;
    --jim-sp-4: 16px;
    --jim-sp-5: 20px;
    --jim-sp-6: 24px;
    --jim-sp-8: 32px;
    --jim-sp-10: 40px;
    --jim-sp-12: 48px;
    --jim-sp-16: 64px;

    /* ── Radii ── */
    --jim-radius-sm: 6px;
    --jim-radius: 10px;
    --jim-radius-lg: 16px;
    --jim-radius-xl: 24px;
    --jim-radius-pill: 100px;

    /* ── Shadows ── */
    --jim-shadow-sm: 0 1px 3px rgba(18, 51, 84, .06);
    --jim-shadow: 0 2px 8px rgba(18, 51, 84, .08);
    --jim-shadow-md: 0 4px 16px rgba(18, 51, 84, .1);
    --jim-shadow-lg: 0 8px 32px rgba(18, 51, 84, .12);

    /* ── Transitions ── */
    --jim-ease: cubic-bezier(.4, 0, .2, 1);
    --jim-duration: .25s;

    /* ── Layout ── */
    --jim-max-width: 1200px;
    --jim-content-padding: var(--jim-sp-6);
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --jim-duration: 0s;
    }
}