/* ============================================================
   tokens.css — única fonte de verdade das cores/espaços do
   PharmaInstantOrders-Report (design system dark-glass "aurora"
   indigo-neon — identidade extraída do emblema Logo.png —
   + modo claro para o PDF A4; ver .opencode/plan/).
   ============================================================ */

/* ── Fonte Inter (self-hosted, licença OFL — Q3) ─────────────── */
@font-face {
  font-family: "Inter";
  src: url("/static/fonts/inter-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/static/fonts/inter-500.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/static/fonts/inter-600.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/static/fonts/inter-700.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}

/* ── Primitivos ────────────────────────────────────────────── */
:root {
  /* Violetas */
  --violet-050: #F7F5FF;
  --violet-100: #EDE9FE;
  --violet-300: #BF9FFF;
  --violet-450: #8B5CF6;
  --violet-500: #7C5CFF;
  --violet-700: #5B21B6;
  --violet-800: #4C1D95;
  --violet-900: #2D1B5E;

  /* Neutros indigo — extraídos do fundo do emblema Logo.png
     (#11002F-#16004E medidos; gradiente vertical do próprio) */
  --ink-950: #0A0122;
  --ink-900: #0D0129;
  --ink-850: #10032F;
  --ink-800: #120335;
  --ink-700: #160345;

  /* Neon duotone — extraído do Logo.png (magenta #F909F7 · violeta #6721F0 · azul #2FA7F8);
     --grad-marca é o gradiente do emblema/wordmark, usado em UMA zona (marca do topo) */
  --neon-magenta: #F52BF6;
  --neon-magenta-pleno: #F909F7;
  --neon-azul: #2FA7F8;
  --neon-violeta: #6721F0;
  --grad-marca: linear-gradient(90deg, var(--neon-magenta) 0%, var(--neon-violeta) 55%, var(--neon-azul) 100%);

  /* Estados de delta e gráficos */
  --delta-up: #34D399;
  --delta-up-alt: #2DD4BF;
  --delta-down: #FB7185;
  --delta-warn: #FBBF24;

  /* Semânticos — MODO ESCURO (web dark-glass) */
  --d-fundo: var(--ink-800);
  --d-texto: #FFFFFF;
  --d-texto-2: rgba(255, 255, 255, .62);
  --d-texto-3: rgba(255, 255, 255, .55);
  --d-hairline: rgba(255, 255, 255, .08);
  --d-glass: rgba(255, 255, 255, .045);
  --d-glass-hover: rgba(255, 255, 255, .08);

  /* Semânticos — MODO CLARO (PDF A4) */
  --l-papel: #FFFFFF;
  --l-tinta: #17122B;
  --l-tinta-2: rgba(23, 18, 43, .62);
  --l-tinta-3: rgba(23, 18, 43, .40);
  --l-marca: #6D28D9;
  --l-acentu: #7C5CFF;
  --l-superficie: #F7F5FF;
  --l-hairline: #E8E4F5;
  --l-zebra: #FAF9FE;
  --l-verde-eur: #0C6E2C;
  --l-delta-up: #06804C;
  --l-delta-down: #B4234B;

  /* Espaçamento (base 4) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px;

  /* Raios */
  --r-card: 12px;
  --r-janela: 20px;
  --r-caixa: 8px;
  --r-pill: 999px;

  /* Tipografia */
  --fonte: "Inter", "Inter var", system-ui, "Segoe UI", -apple-system, sans-serif;
}