/* =================================================================
   IDENTIDADE VISUAL ZPLIN — mesma do sistema de orçamentos
   Navy #0F1E29 · Dourado #C9A24E · Creme #F6F1E6
   Fontes: Fraunces (títulos), Inter (texto), Oswald (rótulos), IBM Plex Mono (códigos)
   Para mudar cores ou fontes do sistema inteiro, mexa só aqui.
   ================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=Oswald:wght@400;500;600&family=IBM+Plex+Mono:wght@500;600&display=swap');

:root {
  --navy-deep: #0F1E29; --navy-mid: #17303F; --navy-line: #233F51;
  --gold: #C9A24E; --gold-forte: #A9822F; --gold-soft: #E4CD8E;
  --cream: #F6F1E6; --ink: #16232B; --ink-soft: #66757E;
  --tinta: #0A151E; --superficie: #122430; --superficie2: #17303F; --superficie3: #1E3D50;
  --linha: #233F51; --texto: #F1EEE6; --apagado: #9AAAB6; --apagado2: #6B7D8A;
  --verde: #4FA37A; --verde-escuro: #3A7D5C; --vermelho: #D9694A; --amarelo: #E0B457; --laranja: #D98A4A;
  --azul: #5B9BD5; --roxo: #9B7FD1;

  --raio: 14px; --raio-p: 9px;
  --sombra: 0 18px 40px rgba(0, 0, 0, .45);
  --sombra-m: 0 10px 26px rgba(0, 0, 0, .32);

  --fonte: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --display: 'Fraunces', Georgia, serif;
  --caps: 'Oswald', 'Arial Narrow', sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
}