:root {

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

    --qep-color-primary: #0066FF;
    --qep-color-primary-hover: #0052CC;
    --qep-color-primary-light: #4592F7;

    --qep-color-dark: #001127;
    --qep-color-dark-2: #011127;
    --qep-color-dark-3: #0A1A33;

    --qep-color-white: #FFFFFF;
    --qep-color-black: #000000;

    --qep-color-text: #EAF1FF;
    --qep-color-text-muted: rgba(234, 241, 255, 0.72);

    --qep-color-border: rgba(255, 255, 255, 0.12);
    --qep-color-border-strong: rgba(255, 255, 255, 0.24);

    --qep-color-success: #22C55E;
    --qep-color-warning: #F59E0B;
    --qep-color-error: #EF4444;

    --qep-color-overlay: rgba(0, 0, 0, 0.6);

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

    --qep-font-primary: "Sequel Sans", sans-serif;
    --qep-font-display: "Sequel Sans Display", sans-serif;
    --qep-font-headline: "Sequel Sans Headline", sans-serif;

    /* ============================
       FONT WEIGHT
       ============================ */

    --qep-fw-light: 300;
    --qep-fw-book: 350;
    --qep-fw-regular: 400;
    --qep-fw-medium: 500;
    --qep-fw-semi: 600;
    --qep-fw-bold: 700;
    --qep-fw-heavy: 800;
    --qep-fw-black: 900;

    /* ============================
       FONT SIZE
       ============================ */

    --qep-text-xs: 0.75rem;
    --qep-text-sm: 0.875rem;
    --qep-text-base: 1rem;
    --qep-text-md: 1.125rem;
    --qep-text-lg: 1.25rem;
    --qep-text-xl: 1.5rem;
    --qep-text-2xl: 2rem;
    --qep-text-3xl: 2.5rem;
    --qep-text-4xl: 3rem;
    --qep-text-5xl: 4rem;
    --qep-text-6xl: 5rem;

    /* ============================
       LINE HEIGHT
       ============================ */

    --qep-leading-none: 1;
    --qep-leading-tight: 1.1;
    --qep-leading-snug: 1.25;
    --qep-leading-normal: 1.5;
    --qep-leading-relaxed: 1.75;

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

    --qep-radius-xs: 0.25rem;
    --qep-radius-sm: 0.5rem;
    --qep-radius-md: 0.75rem;
    --qep-radius-lg: 1rem;
    --qep-radius-xl: 1.5rem;
    --qep-radius-2xl: 2rem;
    --qep-radius-full: 999px;

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

    --qep-space-1: 0.25rem;
    --qep-space-2: 0.5rem;
    --qep-space-3: 0.75rem;
    --qep-space-4: 1rem;
    --qep-space-5: 1.25rem;
    --qep-space-6: 1.5rem;
    --qep-space-8: 2rem;
    --qep-space-10: 2.5rem;
    --qep-space-12: 3rem;
    --qep-space-16: 4rem;
    --qep-space-20: 5rem;

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

    --qep-container-sm: 768px;
    --qep-container-md: 1024px;
    --qep-container-lg: 1280px;
    --qep-container-xl: 1440px;

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

    --qep-transition-fast: 0.2s ease;
    --qep-transition-normal: 0.3s ease;
    --qep-transition-slow: 0.5s ease;

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

    --qep-shadow-sm: 0 2px 10px rgba(0,0,0,0.08);
    --qep-shadow-md: 0 10px 30px rgba(0,0,0,0.12);
    --qep-shadow-lg: 0 20px 60px rgba(0,0,0,0.2);

}