/* DESIGN TOKENS — Paleta: Preto + Branco puro */
@layer reset, tokens, base, layout, components, animations, utilities;

@layer tokens {
  :root {
    --black:   #000000;
    --white:   #ffffff;
    --surface: #0d0d0d;
    --text:    rgba(255,255,255,.58);
    --muted:   rgba(255,255,255,.32);
    --border:  rgba(255,255,255,.1);

    --accent: #c6eb1e;
    --clay:   #c14a1a;

    --font: 'Urbanist', system-ui, sans-serif;
    --ease: cubic-bezier(.19,1,.22,1);

    --nav-h:  60px;
    --max-w:  1160px;
    --gutter: clamp(1.5rem, 4vw, 3.5rem);
    --sec-y:  clamp(3.5rem, 6vw, 5.5rem);
  }
}