:root {
  /* Cores */
  --c-bg:        #080808;
  --c-surface:   #0F0F0F;
  --c-surface-2: #151515;
  --c-border:    #1C1C1C;
  --c-border-2:  #282828;
  --c-text:      #EFEFEF;
  --c-text-2:    #A0A0A0;
  --c-muted:     #606060;
  --c-accent:    #C8FF00;
  --c-accent-dim:#8FB300;
  --c-accent-bg: rgba(200,255,0,0.07);

  /* Tipografia */
  --f-display: 'Space Grotesk', system-ui, sans-serif;
  --f-body:    'Inter', system-ui, sans-serif;

  --t-xs:   0.75rem;
  --t-sm:   0.875rem;
  --t-base: 1rem;
  --t-md:   1.25rem;
  --t-lg:   1.75rem;
  --t-xl:   2.5rem;
  --t-2xl:  3.5rem;
  --t-3xl:  clamp(3.5rem, 8vw, 6.5rem);
  --t-hero: clamp(4rem, 11vw, 8rem);

  --w-light:   300;
  --w-regular: 400;
  --w-medium:  500;
  --w-semi:    600;
  --w-bold:    700;

  --lh-tight:  1.05;
  --lh-snug:   1.2;
  --lh-normal: 1.65;

  /* Espaçamento */
  --sp-4:   0.25rem;
  --sp-8:   0.5rem;
  --sp-12:  0.75rem;
  --sp-16:  1rem;
  --sp-20:  1.25rem;
  --sp-24:  1.5rem;
  --sp-32:  2rem;
  --sp-40:  2.5rem;
  --sp-48:  3rem;
  --sp-64:  4rem;
  --sp-80:  5rem;
  --sp-sec: clamp(5rem, 11vw, 9rem);

  /* Layout */
  --container:  1200px;
  --c-narrow:   760px;
  --gutter:     clamp(1.25rem, 4vw, 2.5rem);

  /* Bordas */
  --r-sm:   4px;
  --r-md:   8px;
  --r-lg:   16px;
  --r-xl:   24px;
  --r-pill: 999px;

  /* Movimento */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:   cubic-bezier(0.7, 0, 0.84, 0);
  --dur-fast:  150ms;
  --dur-mid:   300ms;
  --dur-slow:  600ms;

  /* Z-index */
  --z-nav:    100;
  --z-modal:  200;
  --z-cursor: 9999;
}