@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;700;800&family=Inter:wght@400;500;600&display=swap");

:root {
  --bg-eerie: #0d0e12;
  --bg-deep: #090a0d;
  --surface-jet: #171920;
  --surface-low: #121318;
  --surface-high: #1d1f28;
  --surface-highest: #222630;
  --surface-bright: #282c38;
  --surface-jet-rgb: 23, 25, 32;
  --text-smoke: #e2e5f3;
  --text-soft: rgba(226, 229, 243, 0.86);
  --text-muted: rgba(168, 170, 184, 0.88);
  --text-dim: rgba(114, 117, 130, 0.9);
  --line-soft: rgba(68, 72, 83, 0.18);
  --line-strong: rgba(114, 117, 130, 0.32);
  --primary: #c6c6c7;
  --primary-container: #454747;
  --tertiary: #faf8fe;
  --outline: #727582;
  --outline-variant: #444853;
  --glass-bg: rgba(23, 25, 32, 0.7);
  --glass-bg-strong: rgba(18, 19, 24, 0.88);
  --glass-border: rgba(68, 72, 83, 0.16);
  --glass-border-strong: rgba(198, 198, 199, 0.28);
  --glass-shadow: 0 34px 90px rgba(0, 0, 0, 0.42);
  --glass-shadow-tight: 0 18px 46px rgba(0, 0, 0, 0.36);
  --glass-blur-default: 12px;
  --glass-blur-hover: 8px;
  --font-display: "Manrope", "General Sans", "Avenir Next", "Segoe UI", sans-serif;
  --font-body: "Inter", "General Sans", "Avenir Next", "Segoe UI", sans-serif;
  --h1-size: 4.5rem;
  --h2-size: clamp(2.2rem, 3.6vw, 4rem);
  --h3-size: 1.3rem;
  --body-size: 1rem;
  --body-line: 1.6;
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-xl: 36px;
  --radius-pill: 999px;
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 6rem;
  --container: min(1440px, calc(100vw - 2rem));
  --nav-height: 80px;
  --duration-fast: 180ms;
  --duration-base: 320ms;
  --duration-slow: 720ms;
  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --z-base: 1;
  --z-content: 5;
  --z-header: 20;
  --z-overlay: 40;
}