:root {
  /* Brand */
  --orion-950: #020907;
  --orion-900: #041310;
  --orion-850: #071a16;
  --orion-800: #0b211c;
  --orion-750: #102a23;
  --orion-700: #12352b;
  --orion-650: #174137;
  --orion-600: #00382E;
  --orion-550: #075042;
  --orion-500: #0d5b4a;
  --orion-450: #176d59;
  --orion-400: #2b7a67;
  --orion-350: #54aa8e;
  --orion-300: #7ee2b8;
  --orion-250: #9ae9c6;
  --orion-200: #c7f5df;
  --orion-150: #dffbf0;
  --orion-100: #f1fffa;

  /* Neutral */
  --white: #ffffff;
  --black: #000000;

  /* Text */
  --text-strong: #f4fff9;
  --text-main: #dff6ec;
  --text-soft: #b2cbc1;
  --text-muted: #87a199;
  --text-dim: #6d8680;
  --text-dark: #0d211c;

  /* Backgrounds */
  --bg-main:
    radial-gradient(circle at 12% 8%, rgba(126, 226, 184, 0.15), transparent 22%),
    radial-gradient(circle at 88% 10%, rgba(13, 91, 74, 0.18), transparent 18%),
    radial-gradient(circle at 50% 70%, rgba(0, 56, 46, 0.22), transparent 28%),
    linear-gradient(180deg, #04100d 0%, #061511 35%, #081a15 100%);

  --bg-soft:
    radial-gradient(circle at 20% 12%, rgba(126, 226, 184, 0.08), transparent 20%),
    linear-gradient(180deg, #06130f 0%, #091b16 100%);

  --panel: rgba(255, 255, 255, 0.075);
  --panel-2: rgba(255, 255, 255, 0.06);
  --panel-3: rgba(255, 255, 255, 0.045);
  --panel-4: rgba(255, 255, 255, 0.03);

  --panel-strong: rgba(255, 255, 255, 0.1);
  --panel-highlight: rgba(126, 226, 184, 0.08);

  /* Borders */
  --line: rgba(255, 255, 255, 0.1);
  --line-soft: rgba(255, 255, 255, 0.06);
  --line-strong: rgba(126, 226, 184, 0.22);

  /* Effects */
  --blur-xl: 28px;
  --blur-lg: 20px;
  --blur-md: 14px;
  --blur-sm: 10px;

  --shadow-xs: 0 8px 20px rgba(0, 0, 0, 0.14);
  --shadow-sm: 0 12px 32px rgba(0, 0, 0, 0.18);
  --shadow-md: 0 20px 56px rgba(0, 0, 0, 0.24);
  --shadow-lg: 0 30px 90px rgba(0, 0, 0, 0.3);
  --shadow-glow: 0 0 0 1px rgba(126, 226, 184, 0.08), 0 0 42px rgba(126, 226, 184, 0.08);

  /* Radius */
  --radius-xs: 10px;
  --radius-sm: 14px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-xl: 36px;
  --radius-2xl: 44px;
  --radius-pill: 999px;

  /* Layout */
  --container: 1240px;
  --container-wide: 1380px;
  --sidebar-w: 292px;
  --topbar-h: 96px;

  /* Typography */
  --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --fs-hero: clamp(40px, 6vw, 78px);
  --fs-h1: clamp(30px, 4vw, 52px);
  --fs-h2: clamp(24px, 3vw, 40px);
  --fs-h3: 22px;
  --fs-lg: 18px;
  --fs-md: 16px;
  --fs-sm: 14px;
  --fs-xs: 12px;

  --lh-tight: 1.02;
  --lh-base: 1.65;
  --lh-soft: 1.78;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 40px;
  --space-10: 48px;
  --space-11: 56px;
  --space-12: 64px;
  --space-13: 72px;
  --space-14: 84px;
  --space-15: 96px;

  /* Buttons */
  --btn-h: 52px;
  --btn-h-sm: 42px;

  /* Transition */
  --ease: 220ms ease;
}