/* ==========================================================================
   Variáveis CSS — Site em Construção (rb.Ronaldo Bruno)
   Identidade do template: Inter + JetBrains Mono (escuro/terminal)
   Identidade da marca: Ronaldo Bruno — Tecnologia & Gestão
   ========================================================================== */

:root {
  /* --- Paleta escura (identidade do template de construção) --- */
  --bg: #08090b;
  --bg-2: #0d0e11;
  --surface: #101114;
  --surface-2: #16181c;
  --surface-3: #1c1f24;
  --line: #1e2024;
  --line-2: #262a30;
  --line-3: #32373e;
  --ink: #e8e9ec;
  --ink-2: #a8adb8;
  --ink-3: #6b7280;
  --ink-4: #484d57;

  /* --- Cores da marca Ronaldo Bruno (adaptadas para tema escuro) --- */
  --forest: #123c36;
  --forest-soft: rgba(18, 60, 54, 0.15);
  --forest-border: rgba(18, 60, 54, 0.35);
  --ink-brand: #163d36;
  --muted: #60736c;
  --paper: #faf9f5;
  --line-brand: #dfe5dd;
  --lime: #c5df9d;
  --lime-soft: rgba(197, 223, 157, 0.12);
  --lime-border: rgba(197, 223, 157, 0.3);
  --soft: #f0f2ec;
  --radius: 18px;

  /* --- Cores auxiliares (mantidas do template) --- */
  --blue: #3b82f6;
  --blue-soft: rgba(59, 130, 246, 0.08);
  --blue-border: rgba(59, 130, 246, 0.2);
  --purple: #a78bfa;
  --red: #ef4444;
  --amber: #f59e0b;

  /* --- Tipografia --- */
  --font-sans: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* --- Espaçamentos --- */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 80px;
}