/* ============================================
   VARIABLES — Design Tokens
   ============================================ */

:root {
    /* ── Colors ── */
    --color-bg:         #16120E;
    --color-bg-light:   #1e1915;
    --color-gold:       #e8d6ac;
    --color-gold-dim:   #c4a97a;
    --color-accent:     #A98058;
    --color-white:      #ffffff;
    --color-white-soft: rgba(255, 255, 255, 0.85);
    --color-glass-bg:   rgba(255, 255, 255, 0.05);
    --color-glass-border: rgba(255, 255, 255, 0.194);

    /* ── Typography ── */
    --font-primary:     'Montserrat', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-heading:     'Montserrat', 'Segoe UI', system-ui, -apple-system, sans-serif;

    --fs-xs:            14px;
    --fs-sm:            16px;
    --fs-base:          18px;
    --fs-md:            24px;
    --fs-lg:            36px;
    --fs-xl:            48px;
    --fs-2xl:           52px;
    --fs-3xl:           64px;

    --lh-tight:         1.1;
    --lh-normal:        1.2;
    --lh-relaxed:       1.5;

    /* ── Layout ── */
    --container-width:  1920px;
    --section-height:   1080px;

    /* ── Spacing ── */
    --space-xs:         8px;
    --space-sm:         16px;
    --space-md:         24px;
    --space-lg:         40px;
    --space-xl:         64px;
    --space-2xl:        96px;

    /* ── Animations ── */
    --ease-reveal:      cubic-bezier(0.19, 1, 0.22, 1);
    --ease-smooth:      cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ease-bounce:      cubic-bezier(0.34, 1.56, 0.64, 1);

    --duration-fast:    0.3s;
    --duration-normal:  0.6s;
    --duration-slow:    1.2s;
    --duration-reveal:  1.4s;

    /* ── Effects ── */
    --blur-glass:       40px;
    --blur-reveal:      10px;
    --shadow-soft:      0 4px 30px rgba(0, 0, 0, 0.1);
    --shadow-deep:      0 8px 60px rgba(0, 0, 0, 0.3);

    /* ── Borders ── */
    --radius-sm:        4px;
    --radius-md:        8px;
    --radius-lg:        16px;
    --radius-xl:        24px;
}