/* 369 Tesla ExamOS — design tokens (single source of truth) */
:root {
    /* Brand palette */
    --primary: #1847B8;
    --primary-dark: #0D2D67;
    --primary-soft: #EAF0FC;
    --secondary: #7357D9;
    --secondary-soft: #F0ECFB;
    --accent: #FF7A1A;
    --accent-soft: #FFF0E4;
    --success: #1FA971;
    --teal: #10A7A2;
    --teal-soft: #E3F6F5;
    --violet: #7357D9;
    --danger: #D84242;
    --danger-soft: #FBEAEA;
    --warning: #F6B73C;
    --warning-soft: #FEF4E1;

    /* Text & surfaces */
    --text-primary: #102044;
    --text-secondary: #5E6A84;
    --text-muted: #8A93A8;
    --surface: #FFFFFF;
    --surface-soft: #F5F7FC;
    --surface-alt: #EEF2FA;
    --border: #E5E9F2;
    --border-strong: #D2DAEA;

    /* Elevation */
    --shadow-sm: 0 4px 16px rgba(15, 35, 80, 0.07);
    --shadow-md: 0 12px 35px rgba(15, 35, 80, 0.11);
    --shadow-lg: 0 24px 60px rgba(15, 35, 80, 0.16);

    /* Radius */
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-pill: 999px;

    /* Type — Manrope UI + Sora headings + Noto Sans Tamil */
    --font-ui: "Manrope", "Noto Sans Tamil", Arial, sans-serif;
    --font-heading: "Sora", "Noto Sans Tamil", Arial, sans-serif;
    --font-sans: var(--font-ui);
    --font-tamil: "Noto Sans Tamil", var(--font-ui);

    /* Layout */
    --container: 1200px;
    --sidebar-w: 264px;
    --header-h: 68px;
}