:root{

    /* Brand */

    --cyb-primary:#0A2E65;
    --cyb-primary-dark:#08244E;

    --cyb-secondary:#F7F8FA;

    --cyb-accent:#E63946;

    /* Text */

    --cyb-text:#222;

    --cyb-text-light:#666;

    --cyb-white:#fff;

    --cyb-border:#E5E7EB;

    /* Background */

    --cyb-bg:#F5F7FA;

    --cyb-card:#FFFFFF;

    /* Radius */

    --cyb-radius-xs:4px;

    --cyb-radius-sm:8px;

    --cyb-radius:12px;

    --cyb-radius-lg:18px;

    /* Shadow */

    --cyb-shadow:

        0 5px 18px rgba(0,0,0,.08);

    --cyb-shadow-hover:

        0 12px 30px rgba(0,0,0,.15);

    /* Transition */

    --cyb-transition:.3s ease;

    /* Container */

    --cyb-container:1320px;

}