:root {
  /* Color — grounded in the SociaLIGHT quadrant signal system */
  --color-bg: #000000;        /* deep navy-black, the "screen off" state */
  --color-surface: #1d242d;   /* slightly lifted panels */
  --color-text: #F4F1EA;      /* warm ivory, not pure white */
  --color-text-dim: #8B95AC;

  --color-coral: #FF6F59;
  --color-mint: #4ECDC4;
  --color-gold: #FFC145;
  --color-navy: #3D5A99;

  --color-border: rgba(244, 241, 234, 0.12);

  /* Type */
/* Type */
--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--font-mono: "Space Mono", "Courier New", monospace;

--size-eyebrow: 0.72rem;
--size-body: 1rem;
--size-headline: clamp(3rem, 4.2vw, 4.15rem);

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 8rem;
}

html {
  scroll-behavior: smooth;
}
main {
  width: 100%;
}