/* VERCYS — Design Tokens v3 (Linear / Vercel-style)
   Direção: minimalismo técnico, sem gradientes ostensivos,
   neutros sofisticados, accent único contido, tipografia mono pra precisão. */

:root {
  /* === BRAND — VERCYS === */
  --brand:         #0F0F12;
  --brand-fg:      #FAFAFA;
  --accent:        #5B6BFF;      /* indigo elétrico Linear-style */
  --accent-hover:  #4854E8;
  --accent-soft:   rgba(91, 107, 255, 0.10);
  --accent-line:   rgba(91, 107, 255, 0.22);
  --accent-ring:   rgba(91, 107, 255, 0.30);

  /* Mantemos um detalhe dourado discreto pra herança jurídica */
  --gold:          #B8943C;
  --gold-soft:     rgba(184, 148, 60, 0.08);

  /* === NEUTROS — Escala única (zinc + slate refinado) === */
  --gray-1000:     #08090C;
  --gray-950:      #0B0C10;
  --gray-900:      #111216;
  --gray-800:      #18191F;
  --gray-700:      #22242C;
  --gray-600:      #2E313B;
  --gray-500:      #4A4D58;
  --gray-400:      #6E7280;
  --gray-300:      #9CA0AB;
  --gray-200:      #C5C8D0;
  --gray-150:      #E1E3E8;
  --gray-100:      #EEEFF2;
  --gray-50:       #F7F8FA;
  --paper:         #FFFFFF;

  /* === SUPERFÍCIES LIGHT === */
  --bg:            #FFFFFF;
  --bg-subtle:     #F7F8FA;
  --surface:       #FFFFFF;
  --surface-hover: #F7F8FA;
  --border:        #EEEFF2;
  --border-strong: #E1E3E8;
  --text:          #111216;
  --text-2:        #4A4D58;
  --muted:         #6E7280;
  --muted-light:   #9CA0AB;

  /* === SUPERFÍCIES DARK === */
  --d-bg:          #08090C;
  --d-bg-2:        #0B0C10;
  --d-surface:     #111216;
  --d-surface-2:   #18191F;
  --d-border:      rgba(255, 255, 255, 0.07);
  --d-border-strong: rgba(255, 255, 255, 0.12);
  --d-text:        #FAFAFA;
  --d-muted:       #9CA0AB;

  /* === SEMANTIC === */
  --success:       #00875A;
  --success-soft:  rgba(0, 135, 90, 0.10);
  --warning:       #B45309;
  --warning-soft:  rgba(180, 83, 9, 0.10);
  --danger:        #DC2626;
  --danger-soft:   rgba(220, 38, 38, 0.10);

  /* === SHADOWS — sutis (sem drama) === */
  --shadow-xs:   0 1px 2px rgba(15,17,24,.04);
  --shadow-sm:   0 1px 2px rgba(15,17,24,.06);
  --shadow-md:   0 2px 8px rgba(15,17,24,.06), 0 1px 2px rgba(15,17,24,.04);
  --shadow-lg:   0 8px 24px rgba(15,17,24,.08), 0 2px 6px rgba(15,17,24,.04);
  --shadow-focus: 0 0 0 3px var(--accent-ring);

  /* === RADIUS — escala enxuta === */
  --r-xs: 4px; --r-sm: 6px; --r-md: 8px; --r-lg: 10px; --r-xl: 12px; --r-2xl: 16px; --r-full: 999px;

  /* === TYPE — Inter + Berkeley Mono substitute === */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-display: 'Inter', system-ui, sans-serif; /* mesmo, sem serif decorativa */
  --mono: 'JetBrains Mono', ui-monospace, 'SF Mono', monospace;

  /* === SPACING (4pt grid) === */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px;
  --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px; --s-20: 80px;
}

/* === BASE === */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body {
  margin: 0;
  font-family: var(--font);
  color: var(--text);
  background: var(--bg);
  font-feature-settings: "cv11","ss01";
  letter-spacing: -0.005em;
}

.numeral, .tabular {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum", "ss01";
}

/* Focus universal */
:focus-visible {
  outline: none;
  box-shadow: var(--shadow-focus);
  border-radius: var(--r-md);
}