:root {
  /* === CORES === */
  --c-bg:           #080808;
  --c-bg-alt:       #111111;
  --c-bg-card:      #161616;
  --c-bg-card2:     #1c1c1c;
  --c-accent:       #d2e003;
  --c-accent-dim:   rgba(210, 224, 3, 0.15);
  --c-accent-glow:  0 0 32px rgba(210, 224, 3, 0.4);
  --c-accent-rgb:   210, 224, 3;
  --c-white:        #FFFFFF;
  --c-text:         #EEEEEE;
  --c-text-sec:     #AAAAAA;
  --c-text-muted:   #666666;
  --c-border:       #222222;
  --c-border-hover: #333333;
  --c-success:      #22C55E;
  --c-error:        #EF4444;

  /* === TIPOGRAFIA === */
  --font-title: 'Bebas Neue', sans-serif;
  --font-body:  'DM Sans', sans-serif;

  --text-hero:   clamp(3.5rem, 10vw, 8rem);
  --text-h1:     clamp(2.5rem, 6vw, 5rem);
  --text-h2:     clamp(1.8rem, 4vw, 3rem);
  --text-h3:     clamp(1.2rem, 2.5vw, 1.6rem);
  --text-body:   1rem;
  --text-sm:     0.875rem;
  --text-xs:     0.75rem;
  --text-tag:    0.75rem;

  /* === ESPAÇAMENTO === */
  --sec-pad:         clamp(4rem, 8vw, 8rem);
  --container-w:     1200px;
  --container-px:    clamp(1.25rem, 5vw, 2.5rem);
  --gap-card:        1.5rem;

  /* === BORDAS E SOMBRAS === */
  --r-sm:   6px;
  --r-md:   12px;
  --r-lg:   20px;
  --r-pill: 999px;

  --shadow-card: 0 4px 24px rgba(0,0,0,0.4);
  --shadow-cta:  0 8px 32px rgba(var(--c-accent-rgb), 0.4);

  /* === TRANSIÇÕES === */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:   cubic-bezier(0.4, 0, 1, 1);
  --t-fast:    0.2s;
  --t-mid:     0.4s;
  --t-slow:    0.7s;
}