/* tokens-produto.css · admin · v1.0 · 2026-05-02
   ============================================================================
   Override Nível 3 (ADR 022 · ADR 037 cláusula 3).
   Paleta admin: índigo #4338CA (logo-decision.md F3 · Nicole sign-off · 2026-05-02).
   Tipografia: Plus Jakarta Sans (display) + JetBrains Mono (mono).
*/

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  /* ── Paleta admin (índigo + neutros) ──────────────────────────────────── */
  --accent: #4338CA;             /* índigo farpa admin · logo-decision.md F3 */
  --accent-hover: #3730A3;
  --accent-fg: #FFFFFF;          /* texto sobre acento */

  --surface: #0A0A0F;            /* fundo principal escuro */
  --surface-elevated: #18181B;   /* cards, modais */
  --surface-overlay: #27272A;    /* overlays */

  --bg-1: #0A0A0F;
  --bg-2: #18181B;
  --bg-3: #27272A;

  --text-1: #F4F4F5;             /* texto primário (alto contraste) */
  --text-2: #A1A1AA;             /* texto secundário */
  --text-3: #71717A;             /* texto terciário · footer-version */

  --border-1: #27272A;
  --border-2: #3F3F46;

  /* Estados semânticos */
  --success: #10B981;
  --warning: #F59E0B;
  --danger: #EF4444;
  --info: #4338CA;               /* mesmo accent · admin é índigo unificado */

  /* ── Tipografia ───────────────────────────────────────────────────────── */
  --font-display: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, "DM Mono", monospace;

  /* ── Radii (override de tokens.css se necessário) ─────────────────────── */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 9999px;

  /* ── Mark variables (parametrização farpa-mark.svg) ───────────────────── */
  --mark-stroke: var(--text-1);              /* claro sobre fundo escuro */
  --mark-fill-tint: rgba(67, 56, 202, 0.15); /* tint índigo translúcido */
  --mark-center-fill: var(--accent);

  /* ── Footer version ───────────────────────────────────────────────────── */
  --footer-version-color: var(--text-3);
  --footer-version-size: 0.75rem;

  /* ── Body baseline ────────────────────────────────────────────────────── */
  background: var(--bg-1);
  color: var(--text-1);
  font-family: var(--font-body);
}