:root {
  /* Deep space — logo navy / cobalt family */
  --ink: #070a14;
  --ink-1: #0b1020;
  --ink-2: #11182c;
  --ink-3: #1a2340;
  --space-deep: #060912;
  --navy: #141a2a;
  --cobalt: #3d5a99;
  --cobalt-bright: #4a72c4;

  /* Light surfaces — warm ivory */
  --paper: #f8f5f0;
  --paper-2: #ffffff;
  --paper-3: #efeae1;
  --surface-cool: #eef1f6;

  /* Text */
  --text-on-dark: #f4f6fb;
  --text-on-dark-soft: rgb(244 246 251 / 0.66);
  --text-on-dark-faint: rgb(244 246 251 / 0.42);
  --ink-text: var(--navy);
  --muted: #5b6678;
  --muted-light: #8b95a5;

  /* Action accent — logo “AI” orange (buttons, links, grad headlines) */
  --accent: #ff7a1a;
  --accent-2: #ffb347;
  --accent-hover: #f56b10;
  --accent-soft: rgb(255 122 26 / 0.12);
  --accent-wash: rgb(255 122 26 / 0.07);

  /* Atmospheric — cool hero & dark sections (globe video, cosmic bg) */
  --violet: #6b5cff;
  --azure: #2a8cff;
  --azure-soft: rgb(42 140 255 / 0.18);
  --violet-soft: rgb(107 92 255 / 0.2);

  --grad-accent: linear-gradient(100deg, #ff7a1a 0%, #ffb347 100%);
  --grad-text: linear-gradient(100deg, #ff8a35 0%, #ffc46b 100%);

  /* Cool atmosphere for hero overlays & cinematic sections */
  --grad-mesh-atmosphere:
    radial-gradient(60% 70% at 78% 12%, var(--azure-soft), transparent 60%),
    radial-gradient(55% 65% at 12% 18%, var(--violet-soft), transparent 60%),
    radial-gradient(70% 80% at 50% 110%, rgb(61 90 153 / 0.14), transparent 60%);

  /* Footer / subtle brand warmth — small orange + cool glow */
  --grad-mesh-footer:
    radial-gradient(50% 60% at 82% 0%, rgb(255 122 26 / 0.14), transparent 58%),
    radial-gradient(45% 55% at 12% 8%, var(--violet-soft), transparent 58%),
    radial-gradient(55% 70% at 50% 100%, rgb(42 140 255 / 0.1), transparent 60%);

  /* Alias — dark sections use cool mesh by default */
  --grad-mesh: var(--grad-mesh-atmosphere);

  --rule: rgb(20 26 42 / 0.08);
  --rule-strong: rgb(20 26 42 / 0.14);
  --rule-dark: rgb(244 246 251 / 0.1);
  --rule-dark-strong: rgb(244 246 251 / 0.18);

  --font-display: "Space Grotesk", "Plus Jakarta Sans", system-ui, sans-serif;
  --font-body: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;

  --text-xs: 0.8125rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: clamp(1.25rem, 1.05rem + 0.7vw, 1.5rem);
  --text-2xl: clamp(1.9rem, 1.4rem + 2vw, 3rem);
  --text-3xl: clamp(2.4rem, 1.7rem + 3vw, 4rem);
  --text-display: clamp(2.9rem, 1.8rem + 4.6vw, 6rem);
  --text-hero: clamp(3rem, 2.2rem + 4vw, 5.2rem);
  --text-display-s: clamp(2.25rem, 1.8rem + 2vw, 3.5rem);

  --sp-xs: 0.5rem;
  --sp-sm: 0.75rem;
  --sp-md: 1rem;
  --sp-lg: 1.5rem;
  --sp-xl: 2.5rem;
  --sp-2xl: 4rem;
  --sp-3xl: 6rem;
  --sp-4xl: clamp(5rem, 4rem + 4vw, 8.5rem);

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 30px;
  --radius-pill: 999px;

  --shadow-card: 0 2px 4px rgb(20 26 42 / 0.04), 0 24px 56px rgb(20 26 42 / 0.1);
  --shadow-soft: 0 10px 36px rgb(20 26 42 / 0.07);
  --shadow-glow: 0 24px 80px rgb(255 122 26 / 0.28);
  --shadow-nav: 0 8px 30px rgb(20 26 42 / 0.06);

  --page-max: 75rem;
  --gutter: clamp(1.25rem, 4vw, 2.75rem);
  --nav-h: 4.75rem;

  --overlay: rgb(6 9 18 / 0.72);
  --overlay-light: rgb(6 9 18 / 0.42);
  --overlay-soft: rgb(6 9 18 / 0.22);
  --overlay-mid: rgb(6 9 18 / 0.55);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 150ms;
  --dur-base: 280ms;
  --dur-slow: 600ms;
}