/* ==========================================================================
   MUT DESIGN SYSTEM (MUTDS)
   Version: 1.0.0
   Design Tokens
   ========================================================================== */

:root {

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

    --mut-primary: #B5121B;
    --mut-primary-dark: #8F0F16;
    --mut-primary-light: #D93A42;

    --mut-secondary: #0F172A;
    --mut-secondary-light: #1E293B;

    --mut-accent: #16A34A;
    --mut-accent-light: #22C55E;

    --mut-warning: #F59E0B;
    --mut-danger: #DC2626;
    --mut-success: #16A34A;
    --mut-info: #2563EB;

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

    --mut-bg-body: #FFFFFF;
    --mut-bg-light: #F8FAFC;
    --mut-bg-soft: #F1F5F9;
    --mut-bg-dark: #0F172A;
    --mut-bg-darker: #020617;

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

    --mut-text-heading: #111827;
    --mut-text-body: #475569;
    --mut-text-muted: #94A3B8;
    --mut-text-light: #FFFFFF;

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

    --mut-border: #E2E8F0;
    --mut-border-light: #F1F5F9;
    --mut-border-dark: #CBD5E1;

    /* ==========================================================================
       GRADIENTS
       ========================================================================== */

    --mut-gradient-primary:
        linear-gradient(135deg,#B5121B 0%,#D93A42 100%);

    --mut-gradient-dark:
        linear-gradient(135deg,#020617 0%,#1E293B 100%);

    --mut-gradient-light:
        linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%);

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

    --mut-font-heading:
        "Plus Jakarta Sans",
        sans-serif;

    --mut-font-body:
        "Inter",
        sans-serif;

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

    --mut-text-xs: .75rem;
    --mut-text-sm: .875rem;
    --mut-text-base: 1rem;
    --mut-text-lg: 1.125rem;
    --mut-text-xl: 1.25rem;
    --mut-text-2xl: 1.5rem;
    --mut-text-3xl: 2rem;
    --mut-text-4xl: 2.75rem;
    --mut-text-5xl: 3.5rem;
    --mut-text-6xl: 4.5rem;

    /* ==========================================================================
       FONT WEIGHTS
       ========================================================================== */

    --mut-fw-light: 300;
    --mut-fw-normal: 400;
    --mut-fw-medium: 500;
    --mut-fw-semibold: 600;
    --mut-fw-bold: 700;
    --mut-fw-extrabold: 800;

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

    --mut-leading-tight: 1.1;
    --mut-leading-heading: 1.2;
    --mut-leading-body: 1.7;

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

    --mut-space-0: 0;
    --mut-space-1: .25rem;
    --mut-space-2: .5rem;
    --mut-space-3: .75rem;
    --mut-space-4: 1rem;
    --mut-space-5: 1.5rem;
    --mut-space-6: 2rem;
    --mut-space-7: 2.5rem;
    --mut-space-8: 3rem;
    --mut-space-9: 4rem;
    --mut-space-10: 5rem;
    --mut-space-11: 6rem;
    --mut-space-12: 8rem;

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

    --mut-container-sm: 640px;
    --mut-container-md: 768px;
    --mut-container-lg: 1024px;
    --mut-container-xl: 1280px;
    --mut-container-2xl: 1440px;

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

    --mut-section-padding: 120px;
    --mut-section-padding-mobile: 70px;

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

    --mut-radius-xs: 4px;
    --mut-radius-sm: 8px;
    --mut-radius-md: 16px;
    --mut-radius-lg: 24px;
    --mut-radius-xl: 32px;
    --mut-radius-pill: 999px;

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

    --mut-shadow-xs:
        0 1px 3px rgba(15,23,42,.06);

    --mut-shadow-sm:
        0 4px 12px rgba(15,23,42,.08);

    --mut-shadow-md:
        0 12px 30px rgba(15,23,42,.10);

    --mut-shadow-lg:
        0 24px 60px rgba(15,23,42,.14);

    --mut-shadow-xl:
        0 40px 90px rgba(15,23,42,.18);

    /* ==========================================================================
       GLASS EFFECT
       ========================================================================== */

    --mut-glass-bg:
        rgba(255,255,255,.12);

    --mut-glass-border:
        rgba(255,255,255,.25);

    --mut-glass-blur: 18px;

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

    --mut-transition-fast: .2s ease;
    --mut-transition: .35s ease;
    --mut-transition-slow: .6s ease;

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

    --mut-z-dropdown: 1000;
    --mut-z-sticky: 1020;
    --mut-z-fixed: 1030;
    --mut-z-modal: 1050;
    --mut-z-tooltip: 1080;

}