/* ==========================================================
   HERITAGE COLLECTION™
   DESIGN TOKENS
========================================================== */

:root{

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

    --color-background:#07111d;
    --color-background-alt:#0d1728;

    --color-surface:#141e31;
    --color-surface-alt:#1b263b;

    --color-primary:#d4af37;
    --color-primary-light:#f3dc82;
    --color-primary-dark:#9f7d19;

    --color-white:#ffffff;

    --color-text:#cfd7e2;
    --color-text-muted:#7e8897;

    --color-success:#43d675;
    --color-danger:#e5484d;

    --color-border:rgba(255,255,255,.08);

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

    --container-width:1440px;

    --container-lg:1320px;

    --container-md:1140px;

    --container-sm:960px;

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

    --radius-xs:8px;

    --radius-sm:12px;

    --radius-md:18px;

    --radius-lg:28px;

    --radius-xl:36px;

    --radius-round:999px;

    /* ======================================================
       SPACING
    ====================================================== */

    --space-4:4px;

    --space-8:8px;

    --space-12:12px;

    --space-16:16px;

    --space-20:20px;

    --space-24:24px;

    --space-32:32px;

    --space-40:40px;

    --space-48:48px;

    --space-64:64px;

    --space-80:80px;

    --space-120:120px;

    --space-160:160px;

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

    --font-family:"Inter",sans-serif;

    --font-size-xs:12px;

    --font-size-sm:14px;

    --font-size-md:16px;

    --font-size-lg:20px;

    --font-size-xl:24px;

    --font-size-2xl:32px;

    --font-size-3xl:48px;

    --font-size-4xl:64px;

    --font-size-5xl:92px;

    /* ======================================================
       SHADOWS
    ====================================================== */

    --shadow-sm:
        0 8px 20px rgba(0,0,0,.18);

    --shadow-md:
        0 18px 45px rgba(0,0,0,.28);

    --shadow-lg:
        0 30px 90px rgba(0,0,0,.45);

    --shadow-glow:
        0 0 60px rgba(212,175,55,.16);

    /* ======================================================
       TRANSITIONS
    ====================================================== */

    --transition-fast:.20s ease;

    --transition:.35s ease;

    --transition-slow:.60s ease;

    /* ======================================================
       Z INDEX
    ====================================================== */

    --z-base:1;

    --z-header:1000;

    --z-overlay:2000;

    --z-modal:5000;

}