/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   DATEN KERN — DESIGN TOKENS  |  Brandbook v2.0
   Paleta: Grafite profundo + Cobre queimado
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:root {
  /* ── Fundos ──────────────────────────────────── */
  --deep-void:       #05070B;   /* background absoluto */
  --graphite-core:   #0B0F15;   /* background principal */
  --dark-structure:  #11161D;   /* superfícies / cards */
  --layer-graphite:  #171D26;   /* camada secundária */

  /* ── Cobre — assinatura premium ─────────────── */
  --burnt-copper:    #B8734F;
  --copper-light:    #D89A73;
  --tech-champagne:  #E4C7AE;

  /* ── Detalhes técnicos ───────────────────────── */
  --tech-cyan:       #8CBFC4;   /* uso mínimo e funcional */
  --ice-white:       #E8F0F1;   /* texto principal */
  --tech-gray:       #7F8A93;   /* texto secundário */

  /* ── Bordas ──────────────────────────────────── */
  --border-subtle:   rgba(255,255,255,.05);
  --border-card:     rgba(255,255,255,.07);
  --border-hover:    rgba(184,115,79,.28);

  /* ── Sombras ─────────────────────────────────── */
  --shadow-card:     0 20px 48px rgba(0,0,0,.38);
  --shadow-hover:    0 28px 64px rgba(0,0,0,.48);

  /* ── Glow cobre ──────────────────────────────── */
  --glow-copper:     rgba(184,115,79,.12);
  --glow-copper-md:  rgba(184,115,79,.2);

  /* ── Tipografia ──────────────────────────────── */
  --f-display: 'Satoshi', 'Inter', sans-serif;
  --f-text:    'Geist', 'Inter', sans-serif;
  --f-mono:    'Geist Mono', 'JetBrains Mono', monospace;

  /* ── Escala tipográfica ──────────────────────── */
  --text-hero:   clamp(40px, 5.5vw, 80px);
  --text-h2:     clamp(32px, 4vw, 56px);
  --text-h3:     clamp(20px, 2.2vw, 28px);
  --text-body:   17px;
  --text-small:  14px;
  --text-micro:  11px;

  /* ── Radii ───────────────────────────────────── */
  --r-sm:  6px;
  --r-md:  12px;
  --r-lg:  20px;
  --r-xl:  28px;

  /* ── Motion ──────────────────────────────────── */
  --ease:      cubic-bezier(.4,0,.2,1);
  --ease-out:  cubic-bezier(0,0,.2,1);
  --ease-in:   cubic-bezier(.4,0,1,1);
}

/* ── Reset base ─────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
img  { display: block; max-width: 100%; }
a    { color: inherit; text-decoration: none; }

/* ── Reduced motion ─────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
  html { scroll-behavior: auto; }
}