/* ========================================================= */
/* VCA WEBSITE CSS VARIABLES */
/* ========================================================= */

:root{

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

    --primary-color: #0A58CA;
    --primary-hover: #0848A8;

    --accent-color: #FF6B00;
    --accent-hover: #E65F00;

    --white-color: #FFFFFF;

    --light-bg: #F8FAFC;

    --dark-color: #1E293B;

    --text-color: #475569;

    --border-color: #E2E8F0;


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

    --success-color: #10B981;

    --warning-color: #F59E0B;

    --danger-color: #EF4444;


    /* ========================================================= */
    /* TYPOGRAPHY */
    /* ========================================================= */

    --heading-font: 'Montserrat', sans-serif;

    --body-font: 'Inter', sans-serif;


    /* ========================================================= */
    /* FONT WEIGHT */
    /* ========================================================= */

    --fw-light:300;

    --fw-regular:400;

    --fw-medium:500;

    --fw-semibold:600;

    --fw-bold:700;

    --fw-extrabold:800;


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

    --radius-sm:6px;

    --radius-md:10px;

    --radius-lg:16px;

    --radius-xl:24px;

    --radius-pill:50px;


    /* ========================================================= */
    /* SHADOW */
    /* ========================================================= */

    --shadow-sm:0 2px 8px rgba(0,0,0,.05);

    --shadow-md:0 8px 24px rgba(0,0,0,.08);

    --shadow-lg:0 15px 40px rgba(0,0,0,.12);


    /* ========================================================= */
    /* TRANSITION */
    /* ========================================================= */

    --transition:all .30s ease;


    /* ========================================================= */
    /* CONTAINER */
    /* ========================================================= */

    --container-width:1320px;

}