/* =============================================
   TOKENS.CSS — Futurizai
   Design system: variáveis, tipografia, cores
   ============================================= */

:root {

  /* ─── CORES ─── */
  --black:          #000000;
  --surface-1:      #080808;
  --surface-2:      #111111;
  --border:         #1f1f1f;
  --border-light:   #2a2a2a;
  --text-primary:   #f5f5f7;
  --text-secondary: #ffffff;
  --text-muted:     #515154;
  --accent:         #9CF35C;
  --accent-dim:     rgba(156, 243, 92, 0.08);
  --accent-glow:    rgba(156, 243, 92, 0.06);

  /* ─── TIPOGRAFIA ─── */
  --font-display: 'Manrope', -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-text:    'Source Sans 3', -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;

  /* ─── ESCALA DE TEXTO ─── */
  --text-xs:    11px;
  --text-sm:    14px;
  --text-base:  17px;
  --text-lg:    20px;
  --text-xl:    26px;
  --text-2xl:   36px;
  --text-3xl:   48px;
  --text-hero:  clamp(36px, 4.8vw, 68px);

  /* ─── LETTER SPACING ─── */
  --tracking-label:  0.14em;
  --tracking-tight:  -0.03em;
  --tracking-tighter: -0.04em;

  /* ─── ESPAÇAMENTOS ─── */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;
  --space-32:  128px;

  /* ─── BORDER RADIUS ─── */
  --radius-sm:  4px;
  --radius-md:  6px;
  --radius-lg:  8px;
  --radius-pill: 100px;

  /* ─── TRANSITIONS ─── */
  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out:    cubic-bezier(0.0, 0, 0.2, 1);
  --duration-fast: 0.2s;
  --duration-base: 0.3s;
  --duration-slow: 0.7s;

  /* ─── Z-INDEX ─── */
  --z-canvas:  0;
  --z-base:    1;
  --z-card:    2;
  --z-overlay: 50;
  --z-nav:     100;
  --z-cursor:  9998;
  --z-noise:   9999;
}