:root {
  /* cor — modo claro (verde / pine) */
  --paper: #F3F1EC;
  --paper-raised: #FAF8F5;
  --paper-elevated: #FAF8F5;
  --ink: #1E2321;
  --ink-soft: #282F2C;
  --pine: #0F6E5C;
  --pine-hover: #0a4f42;
  --pine-tint: #9CD6C4;
  --signal: #0F6E5C;
  --signal-hover: #0a4f42;
  --signal-dim: rgba(15, 110, 92, 0.1);
  --graphite: #6B7570;
  --line: #DAD8CF;
  --line-on-ink: #2F3733;
  --amber: #B8813D;
  --ochre: #B8813D;
  --danger: #DC2626;
  --danger-hover: #B91C1C;
  --danger-dim: rgba(220, 38, 38, 0.1);
  --contact-bg: #1E2321;
  --contact-text: #DAD8CF;

  /* raio */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-btn: 9999px;

  /* espaçamento — base 8px */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 40px;
  --sp-5: 64px;
  --sp-6: 96px;

  /* tipografia */
  --font-display: 'Source Serif 4', Georgia, serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  /* animação */
  --ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
}

/* cor — modo escuro (verde esmeralda / pine dark) */
[data-theme="dark"] {
  --paper: #121715;
  --paper-raised: #1A211E;
  --paper-elevated: #1A211E;
  --ink: #EDF1EE;
  --ink-soft: #F5F8F6;
  --pine: #1D9A82;
  --pine-hover: #26B59B;
  --pine-tint: #0F6E5C;
  --signal: #1D9A82;
  --signal-hover: #26B59B;
  --signal-dim: rgba(29, 154, 130, 0.16);
  --graphite: #88948E;
  --line: #252F2B;
  --line-on-ink: #252F2B;
  --amber: #E0993D;
  --ochre: #E0993D;
  --danger: #F87171;
  --danger-hover: #FCA5A5;
  --danger-dim: rgba(248, 113, 113, 0.15);
  --contact-bg: #0C100E;
  --contact-text: #88948E;
}