/* ============================================================
   PI² — Tokens de design (variáveis + overrides do Bootstrap)
   ============================================================ */

:root {
  /* Cores semânticas */
  --pi-cream: #f6f2ec;          /* fundo das telas */
  --pi-surface: #ffffff;        /* cards e campos */
  --pi-stage: #3c3b39;          /* fundo do palco (mockup) */
  --pi-ink: #141110;            /* texto principal */
  --pi-muted: #6b6560;          /* texto secundário */
  --pi-border: #e5dfd6;         /* bordas */
  --pi-red-900: #8e1410;
  --pi-red-700: #b31616;        /* botões (contraste 7:1 c/ branco) */
  --pi-red-600: #bc1c1c;        /* texto vermelho e links */
  --pi-red-500: #d93a2b;        /* grafismo */
  --pi-red-50: #fdeeed;         /* tint vermelho */
  --pi-radius: 16px;
  --pi-radius-lg: 24px;
  --pi-shadow: 0 24px 60px rgba(20, 17, 16, 0.18);

  /* Bootstrap overrides */
  --bs-primary: #b31616;
  --bs-primary-rgb: 179, 22, 22;
  --bs-link-color: #bc1c1c;
  --bs-link-hover-color: #8e1410;
  --bs-body-font-family: "Work Sans", system-ui, sans-serif;
}