:root {
  /* Colors */
  --c-black:   #0a0a0a;
  --c-dark:    #1d1d1f;
  --c-mid:     #424245;
  --c-subtle:  #6e6e73;
  --c-light:   #f5f5f7;
  --c-white:   #ffffff;
  --c-accent:  oklch(72% 0.18 55);   /* warm amber */

  /* Typography */
  --font-main: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;
  --text-xs:   clamp(0.75rem,  0.7rem  + 0.2vw, 0.875rem);
  --text-sm:   clamp(0.875rem, 0.82rem + 0.2vw, 1rem);
  --text-base: clamp(1rem,     0.92rem + 0.4vw, 1.125rem);
  --text-lg:   clamp(1.25rem,  1.1rem  + 0.6vw, 1.5rem);
  --text-xl:   clamp(1.5rem,   1.2rem  + 1.2vw, 2.5rem);
  --text-2xl:  clamp(2rem,     1.4rem  + 2.5vw, 4rem);
  --text-hero: clamp(3.5rem,   1.5rem  + 7vw,   8rem);

  /* Spacing */
  --space-xs:      0.5rem;
  --space-sm:      1rem;
  --space-md:      2rem;
  --space-lg:      4rem;
  --space-xl:      6rem;
  --space-section: clamp(4rem, 3rem + 5vw, 10rem);

  /* Motion */
  --dur-fast:   150ms;
  --dur-normal: 300ms;
  --dur-slow:   600ms;
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
}