:root {
  --color-black:  #0D0D0D;
  --color-white:  #F9FAFB;
  --color-blue:   #2B85D7;
  --color-grey:   #C9D2D9;

  /* Aliases semânticos */
  --color-bg:         var(--color-black);
  --color-surface:    #111111;
  --color-surface-2:  #161616;
  --color-border:     var(--color-grey);
  --color-text:       var(--color-white);
  --color-text-muted: var(--color-grey);
  --color-accent:     var(--color-blue);

  --font-display: 'PP Monument Extended', sans-serif;
  --font-body:    'Host Grotesk', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* Display */
  --text-hero:    clamp(3.5rem, 18vw, 6rem);
  --text-title:   clamp(2rem, 10.5vw, 3.5rem);
  --text-sub:     1.25rem;

  /* Body */
  --text-body:    1rem;
  --text-sm:      0.875rem;
  --text-xs:      0.625rem;

  --space-4:   4px;
  --space-8:   8px;
  --space-16:  16px;
  --space-24:  24px;
  --space-32:  32px;
  --space-48:  48px;
  --space-64:  64px;
  --space-80:  80px;
}