:root {
  --stanel-green: #81c241;
  --stanel-green-dark: #5a9a2e;
  --stanel-green-light: #a8d86a;
  --stanel-charcoal: #4a4a4a;
  --stanel-charcoal-deep: #1f1f1f;
  --stanel-orange: #fb7000;
  --stanel-gold: #f4c430;
  --stanel-white: #ffffff;
  --stanel-warm-white: #fafaf8;
  --stanel-warm-cream: #f3f1eb;

  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Outfit", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", monospace;

  --text-display-xl: clamp(3.25rem, 7.5vw, 6.75rem);
  --text-display-lg: clamp(2.5rem, 5.2vw, 4.75rem);
  --text-display-md: clamp(2rem, 3.8vw, 3.25rem);
  --text-body-lg: 1.125rem;
  --text-body: 1rem;
  --text-caption: 0.75rem;
  --text-overline: 0.75rem;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: clamp(4.5rem, 11vh, 8.5rem);

  --container-max: 1280px;
  --container-pad: clamp(1.5rem, 4.5vw, 3.5rem);
  --header-h: 4.5rem;

  --shadow-soft: 0 20px 60px rgba(20, 24, 21, 0.08);
  --shadow-glass: 0 8px 40px rgba(20, 24, 21, 0.12);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.75s;

  --glass-bg: rgba(255, 255, 255, 0.1);
  --glass-border: rgba(255, 255, 255, 0.18);
  --glass-blur: 24px;

  --stanel-dark: #121614;
  --stanel-dark-mid: #1a1f1c;
  --stanel-dark-soft: #232a26;
  --stanel-dark-panel: #1c221e;
  --line-light: rgba(31, 31, 31, 0.12);
  --line-dark: rgba(255, 255, 255, 0.14);
}