:root {
  /* === COLOR === */
  --c-black-dark: #000000;
  --c-black-soft: #111111;
  --c-celeste-bright: #1EC0FF;
  --c-celeste-perfiles: #21ABE0;
  --c-white-chalk: #FAFAFA;
  --c-white-pure: #FFFFFF;

  --c-gray-900: #0a0a0a;
  --c-gray-800: #1a1a1a;
  --c-gray-700: #2a2a2a;
  --c-gray-500: #6a6a6a;
  --c-gray-300: #cccccc;
  --c-gray-200: #e5e5e5;

  /* === TYPOGRAPHY === */
  --font-display: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
  --font-body: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;

  --fs-hero: clamp(3.5rem, 9vw, 9rem);
  --fs-display: clamp(2.5rem, 6vw, 5.5rem);
  --fs-h1: clamp(2rem, 4.5vw, 4rem);
  --fs-h2: clamp(1.625rem, 3vw, 2.75rem);
  --fs-h3: clamp(1.25rem, 2vw, 1.75rem);
  --fs-lead: clamp(1.125rem, 1.4vw, 1.375rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-micro: 0.75rem;

  --lh-tight: 0.95;
  --lh-snug: 1.1;
  --lh-base: 1.55;
  --lh-relaxed: 1.7;

  --tracking-tight: -0.03em;
  --tracking-snug: -0.015em;
  --tracking-base: 0;
  --tracking-wide: 0.08em;
  --tracking-wider: 0.18em;

  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 900;

  /* === SPACING === */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --s-9: 6rem;
  --s-10: 8rem;
  --s-11: 12rem;

  --section-y: clamp(5rem, 10vw, 10rem);
  --container-max: 1440px;
  --container-pad: clamp(1.25rem, 4vw, 3rem);

  /* === BORDERS / RADII === */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-pill: 999px;

  /* === MOTION === */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 200ms;
  --dur-base: 400ms;
  --dur-slow: 800ms;
  --dur-cinematic: 1400ms;

  /* === ELEVATION === */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.12);
  --shadow-lg: 0 24px 64px rgba(0,0,0,0.2);

  /* === Z-INDEX === */
  --z-nav: 50;
  --z-float: 60;
  --z-modal: 80;
}
