/* ============================================================================
   School ERP blue theme - design tokens

   Single source of truth for the palette, shape and elevation used by both
   erp-theme.css (public and auth pages) and erp-panel.css (the signed-in
   panels). Change a colour here and it changes everywhere.

   One light palette on purpose. The panels embed DataTables, pickers,
   fullcalendar, morris and wysihtml5, none of which follow
   prefers-color-scheme, so a dark variant would only ever be half-applied -
   and a dark login opening into a light dashboard is worse than neither.

   Token names mirror an MUI createTheme() palette so the two stay in step.
   ========================================================================== */

:root {
    --ml-font: "Poppins", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    /* palette.primary */
    --ml-primary: #4A6FC4;
    --ml-primary-light: #7C97DB;
    --ml-primary-dark: #3A579E;
    --ml-primary-soft: #EDF2FC;
    --ml-on-primary: #FFFFFF;
    /* palette.secondary - the amber used for badges in the app kit */
    --ml-secondary: #E08A16;
    /* palette.background + surfaces */
    --ml-bg: #F2F6FD;
    --ml-paper: #FFFFFF;
    --ml-fill: #F4F7FC;
    /* palette.text + lines */
    --ml-heading: #1E2A4E;
    --ml-text: #38415C;
    --ml-text-secondary: #5C6680;
    --ml-outline: #DDE5F3;
    --ml-divider: #EDF1F8;
    /* palette semantics */
    --ml-error: #C62828;
    --ml-error-bg: #FDECEC;
    --ml-success: #2E7D32;
    --ml-success-bg: #EBF4EC;
    --ml-info: #2F4E96;
    --ml-info-bg: #EAF0FC;
    /* shape + elevation */
    --ml-radius: 12px;
    --ml-radius-lg: 26px;
    --ml-elevation-1: 0 2px 6px rgba(30, 42, 78, .07), 0 1px 2px rgba(30, 42, 78, .06);
    --ml-elevation-8: 0 10px 24px rgba(74, 111, 196, .26), 0 2px 6px rgba(30, 42, 78, .10);
    --ml-focus-ring: 0 0 0 3px rgba(74, 111, 196, .30);
}