/* SchoolSoft "Calm Pro" design tokens — source: design_handoff_schoolsoft_redesign/README.md */

:root {
    /* Light mode (default) */
    --rd-bg: #f4f6f9;
    --rd-surface: #ffffff;
    --rd-surface-2: #f8fafc;
    --rd-border: #e6eaf0;
    --rd-border-subtle: #eef1f5;

    --rd-navy: #16365c;
    --rd-body: #425062;
    --rd-muted: #5c6b7e;
    --rd-faint: #9aa7b8;

    --rd-blue: #1d5fae;
    --rd-blue-tint: #e8f0fa;
    --rd-blue-hover: #17508f;
    --rd-nav-hover: #f0f4f9;

    --rd-green: #1a9e5c;
    --rd-green-tint: #eaf6f0;
    --rd-green-hover: #158a4f;

    --rd-amber: #b8860b;
    --rd-amber-tint: #faf3e0;
    --rd-amber-border: #f0e3bd;

    --rd-red: #c8493c;
    --rd-red-tint: #fdeeec;

    --rd-purple: #7a4fb0;
    --rd-purple-tint: #f3ecfa;

    --rd-teal: #3a7f96;
    --rd-teal-tint: #e9f2f5;

    --rd-deep-navy: #132f52;

    /* Chart series */
    --rd-chart-primary: #1d5fae;
    --rd-chart-secondary: #bcd3ea;
    --rd-chart-highlight: #1a9e5c;

    /* Shell metrics */
    --rd-sidebar-width: 248px;
    --rd-sidebar-rail: 72px;
    --rd-header-height: 64px;

    /* Shape */
    --rd-radius-card: 14px;
    --rd-radius-panel: 16px;
    --rd-radius-btn: 10px;
    --rd-radius-pill: 999px;

    /* Typography */
    --rd-font-ui: 'Instrument Sans', system-ui, sans-serif;
    --rd-font-mono: 'Spline Sans Mono', ui-monospace, monospace;

    /* Elevation (avoided except mobile mock & public cards) */
    --rd-shadow-public: 0 4px 20px rgba(22, 54, 92, .08);

    /* Semantic aliases used by shell/components */
    --rd-text: var(--rd-navy);
    --rd-rail-bg: var(--rd-surface);
    --rd-chip-border: var(--rd-border);
    --rd-blue-text: var(--rd-blue);
}

[data-theme="dark"] {
    --rd-bg: #12161d;
    --rd-rail-bg: #0f141b;
    --rd-surface: #161c26;
    --rd-surface-2: #1f2733;
    --rd-border: #242e3d;
    --rd-border-subtle: #202a37;
    --rd-chip-border: #2c3848;

    --rd-text: #e8edf4;
    --rd-navy: #e8edf4;
    --rd-body: #c3cdda;
    --rd-muted: #8b99ac;
    --rd-faint: #566577;

    --rd-blue: #4a9eea;
    --rd-blue-tint: #1b3a5e;
    --rd-blue-text: #7db8f0;
    --rd-blue-hover: #5da9ee;
    --rd-nav-hover: #1a2230;

    --rd-green: #4ec98a;
    --rd-green-tint: rgba(78, 201, 138, .12);

    --rd-amber: #e2b13c;
    --rd-amber-tint: rgba(226, 177, 60, .12);
    --rd-amber-border: rgba(226, 177, 60, .3);

    --rd-red: #e0704f;
    --rd-red-tint: rgba(224, 112, 79, .12);

    --rd-purple: #a37fe0;
    --rd-purple-tint: rgba(163, 127, 224, .12);

    --rd-teal: #5da4bc;
    --rd-teal-tint: rgba(93, 164, 188, .12);

    --rd-chart-secondary: #2c3f57;
}