/* ==========================================================
   SAUVEURS GLOBAL THEME
   Do NOT hardcode colors anywhere else.
   Use these variables throughout the project.
========================================================== */

:root {
    /* Brand Colors */

    --primary-color: #0A2B5A;
    --primary-hover: #123B73;
    --secondary-color: #F7941D;
    --secondary-hover: #E88305;
    /* Background */

    --background: #F8FAFC;
    --surface: #FFFFFF;
    /* Text */

    --text-dark: #1E293B;
    --text-light: #64748B;
    --text-white: #FFFFFF;
    /* Border */

    --border: #E2E8F0;
    /* Status */

    --success: #16A34A;
    --warning: #F59E0B;
    --danger: #DC2626;
    /* Shadow */

    --shadow-sm: 0 2px 8px rgba(0,0,0,.08);
    --shadow-md: 0 8px 24px rgba(0,0,0,.10);
    --shadow-lg: 0 12px 32px rgba(0,0,0,.15);
    /* Radius */

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 30px;
    /* Transition */

    --transition: .30s ease-in-out;
    /* Container */

    --container-width: 1320px;
}