/* ==========================================
   CPCS DESIGN SYSTEM v1.0
========================================== */

:root{

    /* ===============================
       BRAND
    =============================== */

    --primary:#061B38;
    --primary-dark:#04142B;
    --primary-hover:#0D2B57;

    --accent:#4EA3FF;
    --gold:#D4A017;

    /* ===============================
       STATUS
    =============================== */

    --success:#22C55E;
    --warning:#F59E0B;
    --danger:#DC2626;

    /* ===============================
       BACKGROUND
    =============================== */

    --background:#F4F7FA;
    --surface:#FFFFFF;

    /* ===============================
       TEXT
    =============================== */

    --text:#1F2937;
    --muted:#6B7280;

    /* ===============================
       BORDER
    =============================== */

    --border:#E5E7EB;

    /* ===============================
       EFFECTS
    =============================== */

    --radius:16px;

    --shadow:
        0 10px 30px rgba(0,0,0,.08);

}