/* Genebra Seguros — Design Tokens (CSS puro)
   Fonte da verdade para todas as aplicações Genebra.
   Importe este arquivo antes de qualquer CSS de componente. */
/* Fonts are self-hosted in /fonts/fonts.css to keep console assets same-origin. */

:root{
  /* ── Paleta bruta ─────────────────────────────── */
  --gs-red-600:#A3231F;
  --gs-red-700:#8D1E1B;
  --gs-brown-700:#672921;
  --gs-charcoal-900:#1F1F1F;
  --gs-charcoal-800:#2E2C2B;
  --gs-charcoal-700:#424341;
  --gs-charcoal-600:#5E5E5E;
  --gs-charcoal-500:#6C6664;
  --gs-neutral-100:#FFFFFF;
  --gs-neutral-200:#F8F8F8;
  --gs-neutral-300:#E9E6E6;
  --gs-neutral-400:#D8D8D8;
  --gs-whatsapp:#25D366;

  /* ── Cores semânticas ─────────────────────────── */
  --color-primary:var(--gs-red-600);
  --color-primary-hover:var(--gs-red-700);
  --color-primary-tint:#FBEEEE;
  --color-accent:var(--gs-brown-700);          /* somente bordas/ícones — nunca fundo */
  --color-text:var(--gs-charcoal-900);
  --color-text-secondary:var(--gs-charcoal-600);
  --color-text-subtle:var(--gs-charcoal-500);  /* hints, placeholders, IDs mono */
  --color-heading:var(--gs-charcoal-700);
  --color-surface:var(--gs-neutral-100);
  --color-surface-alt:var(--gs-neutral-200);
  --color-surface-soft:var(--gs-neutral-300);
  --color-border:var(--gs-neutral-400);
  --color-dark-bg:var(--gs-charcoal-800);
  --color-on-dark:#FFFFFF;
  --color-on-dark-secondary:var(--gs-neutral-300);
  --color-on-dark-body:rgba(255,255,255,.88);
  --color-on-dark-panel-bg:rgba(255,255,255,.06);
  --color-on-dark-panel-border:rgba(255,255,255,.12);

  /* ── Tons de feedback ─────────────────────────── */
  --tone-success-bg:#F0F7EF; --tone-success-fg:#2F6B32; --tone-success-border:#CFE6CD;
  --tone-error-bg:#FBEEEE;   --tone-error-fg:var(--color-primary); --tone-error-border:#F0D3D2;
  --tone-warning-bg:#FBF3E6; --tone-warning-fg:#8A5A12; --tone-warning-border:#EBD9B8;
  --tone-info-bg:var(--color-surface-soft); --tone-info-fg:var(--color-heading); --tone-info-border:var(--color-border);

  /* ── Tipografia ───────────────────────────────── */
  --font-display:'Poppins',system-ui,sans-serif;
  --font-body:'Roboto',system-ui,sans-serif;
  --font-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --text-h1-size:34px; --text-h1-weight:700;
  --text-h2-size:28px; --text-h2-weight:400;
  --text-h3-size:22px; --text-h3-weight:600;
  --text-h4-size:18px; --text-h4-weight:600;
  --text-body-size:16px; --text-body-weight:400;
  --text-small-size:14px;
  --text-caption-size:13px;
  --text-overline-size:12px;
  --line-height-heading:1.2;
  --line-height-body:1.6;

  /* ── Espaçamento ──────────────────────────────── */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px;
  --space-6:24px; --space-8:32px; --space-10:40px; --space-12:48px; --space-15:60px; --space-16:64px;
  --section-padding-y:50px;
  --section-padding-x:60px;
  --section-padding-mobile:16px;
  --container-max:1200px;

  /* ── Raios ────────────────────────────────────── */
  --radius-sm:4px;    /* botões, inputs, alerts, toasts */
  --radius-md:10px;   /* cards, modais, painéis, tabelas */
  --radius-icon:12px; /* contêiner de ícone 44px */
  --radius-pill:999px;

  /* ── Efeitos ──────────────────────────────────── */
  --shadow-card:0 8px 24px rgba(0,0,0,.06);
  --shadow-card-hover:0 12px 28px rgba(0,0,0,.10);
  --shadow-float:0 6px 18px rgba(0,0,0,.22);
  --border-thin:1px solid var(--color-border);
  --divider:3px solid var(--color-border);
  --transition-fast:150ms ease;
  --transition-base:220ms ease;
  --focus-ring:0 0 0 3px rgba(163,35,31,.15);
  --focus-outline:2px solid var(--color-primary);
  --focus-outline-offset:2px;

  /* ── Escala densa (produto) ───────────────────── */
  --control-height-sm:28px;
  --control-height-md:36px;
  --control-height-lg:44px;   /* alvo mínimo de toque (mobile) */
  --table-cell-padding-y:14px;
  --table-cell-padding-x:16px;
  --table-header-padding-y:12px;
  --panel-padding:24px;
  --panel-padding-dense:20px;
  --appbar-height:64px;

  /* ── Camadas ──────────────────────────────────── */
  --z-whatsapp:40;
  --z-toast:1000;
  --z-modal:2000;
}