/* ===========================================================
   PIX3LS DESIGN SYSTEM
   Version : 1.0
   Author  : Paul Mangaser
=========================================================== */

:root{

    /* COLORS */
    /* Brand */

    --primary: #2563EB;
    --primary-hover: #1D4ED8;

    --secondary: #38BDF8;

    --accent: #06B6D4;

    --light-blue:#D6E8FF;

    /* Background */
    --dark: #0F172A;
    --dark-100: #162033;
    --dark-200: #1E293B;
    --dark-300: #334155;

    /* background with opacity */
    --background: rgba(255,255,255,.08);
    --backgroun-navy: linear-gradient(
            135deg,
            #061326 0%,
            #0B2348 45%,
            #07111F 100%
        );

    --white: #FFFFFF;

    --light: #F8FAFC;
    --light-100: #F1F5F9;

    /* Text */
    --heading: #F8FAFC;
    --text: #CBD5E1;
    --text-light: #94A3B8;
    --text-dark:#0f172a;
    --text-muted:#64748b;

    /* Border */
    --border: rgba(255,255,255,.08);
    --border-light: rgba(255,255,255,.15);

    /* Status */
    --success: #22C55E;
    --warning: #F59E0B;
    --danger: #EF4444;

    /* sections */
    --section-white:#ffffff;
    --section-light:#F8FAFC;
    --section-lighter:#fcfdff;
    --section-lightgray:#f2f2f2;

    --section-navy: linear-gradient(
            135deg,
            #061326 0%,
            #0B2348 45%,
            #07111F 100%
        );

    /* TYPOGRAPHY */
    --font-heading: 'Space Grotesk', sans-serif;
    /*--font-heading: 'Sora', sans-serif;*/
    /*--font-heading: 'Poppins',sans-serif;*/

    --font-body: 'Inter', sans-serif;

    /* Font Sizes */
    --fs-xs: .75rem;
    --fs-sm: .875rem;
    --fs-base: 1rem;
    --fs-lg: 1.125rem;
    --fs-xl: 1.25rem;
    --fs-2xl: 1.5rem;
    --fs-3xl: 2rem;
    --fs-4xl: 3rem;
    --fs-5xl: 4rem;

    /* Font Weights */
    --fw-normal:400;
    --fw-medium:500;
    --fw-semibold:600;
    --fw-bold:700;

    /* LAYOUT */
    --container-sm:960px;
    --container-md:1140px;
    --container-lg:1320px;
    --container-xl:1440px;

    --navbar-height:90px;

    --navbar-scroll-height:74px;

    /* SPACING */
    --section-space:120px;
    --section-space-mobile:80px;

    --section-space-sm:60px;
    --section-space-lg:80px;
    --section-space-xl:100px;

    --space-xs:.25rem;
    --space-sm:.5rem;
    --space-md:1rem;
    --space-lg:1.5rem;
    --space-xl:2rem;
    --space-2xl:3rem;
    --space-3xl:4rem;

    /* BORDER RADIUS */
    --radius-xs:10px;
    --radius-sm:12px;
    --radius-md:16px;
    --radius-lg:20px;
    --radius-xl:24px;
    --radius-pill:999px;

    --radius-navbar:22px;

    /* SHADOWS */
    --shadow-sm:
        0 4px 10px rgba(0,0,0,.08);
    --shadow-md:
        0 10px 30px rgba(15,23,42,.12);
    --shadow-lg:
        0 20px 50px rgba(15,23,42,.12);

    /* TRANSITIONS */
    --transition-fast:.25s ease;
    --transition:.3s ease;
    --transition-slow:.5s ease;

    /* Z INDEX */

    --z-navbar:1000;
    --z-dropdown:1010;
    --z-overlay:1020;
    --z-modal:1030;

    --glass-bg: rgba(255,255,255,.75);
	--glass-border: rgba(255,255,255,.45);
	--glass-blur: 18px;

	--shadow-navbar:
	0 12px 40px rgba(15,23,42,.08);

	--transition-base:
	350ms cubic-bezier(.4,0,.2,1);

    --timeline-divider:70px;
    --timeline-divider-active:120px;
}