/* ==========================================================================
   NTMC v2
   Design System / Variables
   ========================================================================== */

:root {

    --color-bg: #07131D;
    --color-bg-alt: #0C1D2D;
    --color-surface: #102235;
    --color-surface-hover: #16314B;

    --color-primary: #00B7FF;
    --color-primary-hover: #25C4FF;
    --color-primary-dark: #0094D4;

    --color-white: #FFFFFF;

    --color-text: #F5F9FC;
    --color-text-secondary: #B7C7D8;
    --color-text-muted: #7E95AA;

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

    --gradient-primary: linear-gradient(135deg,#00B7FF 0%,#0094D4 100%);
    --gradient-dark: linear-gradient(180deg,#07131D 0%,#0D2235 100%);

    --font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont,
                   "Segoe UI", sans-serif;

    --font-size-xs:.75rem;
    --font-size-sm:.875rem;
    --font-size-base:1rem;
    --font-size-lg:1.125rem;
    --font-size-xl:1.25rem;

    --font-size-h1:clamp(3.4rem,7vw,6rem);
    --font-size-h2:clamp(2.4rem,4vw,3.6rem);
    --font-size-h3:clamp(1.5rem,2vw,2rem);

    --line-height:1.7;

    --fw-regular:400;
    --fw-medium:500;
    --fw-semibold:600;
    --fw-bold:700;
    --fw-black:800;

    --container-width:1280px;
    --container-padding:20px;

    --header-height:88px;

    --section-space:140px;
    --section-space-mobile:80px;

    --radius-sm:10px;
    --radius:20px;
    --radius-lg:28px;
    --radius-xl:42px;
    --radius-round:999px;

    --shadow-sm:0 10px 20px rgba(0,0,0,.18);
    --shadow:0 18px 40px rgba(0,0,0,.28);
    --shadow-lg:0 30px 80px rgba(0,0,0,.45);
    --shadow-glow:0 0 35px rgba(0,183,255,.25);

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

    --z-header:1000;
    --z-menu:1100;
    --z-modal:2000;
    --z-loader:3000;
}