/* ==========================================================
   THE ALLISON EXPERIENCE
   DESIGN TOKENS
========================================================== */

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

:root {

    /* Base */

    --color-night: #0A1023;
    --color-night-2: #111933;
    --color-night-3: #1A2545;

    /* Brand */

    --color-purple: #5E3A9D;
    --color-lavender: #9A7BDA;
    --color-pink: #F2B8D6;

    /* Accent */

    --color-gold: #FFD166;
    --color-gold-soft: #FFE6A8;

    /* Neutral */

    --color-white: #FFFFFF;
    --color-text: #F8F8F8;
    --color-text-soft: rgba(255,255,255,.75);

    /* Glow */

    --glow-gold: rgba(255,209,102,.45);
    --glow-purple: rgba(154,123,218,.30);

    /* Lines */

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

}

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

:root {

    --font-title:
        "Cormorant Garamond",
        serif;

    --font-subtitle:
        "Cinzel",
        serif;

    --font-quote:
        "Cormorant Garamond",
        serif;

    --font-body:
        "Poppins",
        sans-serif;

}

/* ===========================
   FONT SIZES
=========================== */

:root {

    --fs-xs: .75rem;
    --fs-sm: .9rem;
    --fs-md: 1rem;
    --fs-lg: 1.25rem;
    --fs-xl: 1.6rem;

    --fs-title: clamp(4rem,10vw,8rem);

    --fs-subtitle: clamp(1.2rem,2vw,2rem);

}

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

:root {

    --space-1: 8px;
    --space-2: 16px;
    --space-3: 24px;
    --space-4: 32px;
    --space-5: 48px;
    --space-6: 64px;
    --space-7: 96px;
    --space-8: 128px;

}

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

:root {

    --radius-sm: 10px;
    --radius-md: 18px;
    --radius-lg: 28px;
    --radius-xl: 40px;
    --radius-pill: 999px;

}

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

:root {

    --shadow-soft:
        0 15px 40px rgba(0,0,0,.25);

    --shadow-glow:
        0 0 35px rgba(255,209,102,.18);

}

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

:root {

    --transition-fast: .25s ease;

    --transition:

        .45s cubic-bezier(.4,0,.2,1);

}

/* ===========================
   LAYOUT
=========================== */

:root {

    --container: 1280px;

    --hero-height: 100vh;

}