/* ==========================================================================
   CENTRAL COLOR SETUP — change colours HERE and ONLY here.
   Every other stylesheet consumes these variables; no hex codes elsewhere.
   ========================================================================== */
:root {
    --brand: #134A8E;
    --brand-light: #1E6BC4;
    --brand-dark: #1D2D5C;
    --accent: #E8291C;
    --accent-light: #FF4D42;
    --bg: #F0F4FA;
    --surface: #FFFFFF;
    --text: #1D2D5C;
    --text-muted: #5D7AA8;
    --text-light: #8BA4C8;
    --border: #D0D8E8;
    --border-light: #E8EEF7;
    --input-bg: #FAFAFA;
    --input-border: #CBD5E1;
    --success-bg: #D4EDDA;
    --success-text: #155724;
    --radius: 10px;
    --radius-sm: 6px;
    --radius-xs: 4px;
    --shadow: 0 4px 20px rgba(29, 45, 92, 0.08);
    --shadow-sm: 0 1px 4px rgba(29, 45, 92, 0.08);
    --max-width: 1000px;

    /* Layout tokens used by style.css (not colours) */
    --font-family: "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
    --space: 1rem;
}