:root{

    /* ========================= */

    /* COLORS */

    /* ========================= */

    --bg:#0B1020;

    --bg-secondary:#12182E;

    --surface:#171F38;

    --surface-hover:#20294B;

    --surface-light:#252F56;

    --border:rgba(255,255,255,.05);

    --border-hover:rgba(255,122,132,.18);

    /* ========================= */

    /* BRAND */

    /* ========================= */

    --primary:#FF7A84;

    --primary-hover:#FF8F98;

    --primary-light:rgba(255,122,132,.15);

    --primary-shadow:rgba(255,122,132,.35);

    /* ========================= */

    /* TEXT */

    /* ========================= */

    --text:#F5F7FF;

    --text-soft:#D9DFF3;

    --text-muted:#A3AECC;

    --text-light:#7E89A9;

    /* ========================= */

    /* STATUS */

    /* ========================= */

    --success:#41D392;

    --warning:#FFC857;

    --danger:#FF5B6B;

    /* ========================= */

    /* RADIUS */

    /* ========================= */

    --radius-xs:8px;

    --radius-sm:12px;

    --radius-md:16px;

    --radius-lg:22px;

    --radius-xl:28px;

    --radius-round:999px;

    /* ========================= */

    /* SHADOW */

    /* ========================= */

    --shadow-sm:

        0 8px 20px rgba(0,0,0,.18);

    --shadow-md:

        0 16px 40px rgba(0,0,0,.28);

    --shadow-lg:

        0 30px 70px rgba(0,0,0,.38);

    --glow:

        0 0 40px rgba(255,122,132,.22);

    /* ========================= */

    /* TRANSITION */

    /* ========================= */

    --transition:.28s cubic-bezier(.4,0,.2,1);

    /* ========================= */

    /* LAYOUT */

    /* ========================= */

    --header-height:82px;

    --container:1520px;

    --section-space:90px;

}