/* ==========================================
   COLOR PALETTE & DESIGN TOKENS
========================================== */

:root{

    /* Brand Colors */
    --primary: #0B3C78;
    --primary-light: #1E5AA8;
    --secondary: #D4A017;

    /* Neutral Colors */
    --white: #FFFFFF;
    --background: #F8FAFC;
    --section: #FFFFFF;

    /* Text Colors */
    --text: #1E293B;
    --text-light: #64748B;

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

    /* Status */
    --success: #16A34A;

    /* Shadows */
    --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 8px 25px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 15px 40px rgba(0, 0, 0, 0.12);

    /* Border Radius */
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;

    /* Transition */
    --transition: all 0.3s ease;

}