/* PÃO REI DESIGN SYSTEM v1.0
   Fundação compartilhada entre site, painel e representantes.
   Sem reset global: apenas tokens e componentes opt-in para preservar telas existentes. */

:root {
  /* Marca */
  --pr-color-navy:#241c68;
  --pr-color-blue:#312782;
  --pr-color-blue-soft:#3d32a0;
  --pr-color-red:#ed1c24;
  --pr-color-red-deep:#d6131c;
  --pr-color-cream:#efc879;

  /* Superfícies e texto */
  --pr-color-paper:#fbf8f2;
  --pr-color-warm:#f5efe4;
  --pr-color-white:#ffffff;
  --pr-color-ink:#241d33;
  --pr-color-muted:#685f73;
  --pr-color-line:rgba(49,39,130,.12);
  --pr-color-line-inverse:rgba(255,255,255,.14);
  --pr-color-surface-soft:#f4f5f8;
  --pr-color-surface-mid:#c8cad4;

  /* Estados */
  --pr-color-success:#2d7a4f;
  --pr-color-success-soft:#e6f4ed;
  --pr-color-danger:#ed1c24;
  --pr-color-warning:#efc879;

  /* Categorias */
  --pr-cat-traditional:#ed1c24;
  --pr-cat-snacks:#49a5d5;
  --pr-cat-kids:#ef9300;
  --pr-cat-sweet:#cf2f93;
  --pr-cat-whole:#58ad39;

  /* Tipografia */
  --pr-font-display:'Archivo',Arial,sans-serif;
  --pr-font-body:'Inter',Arial,sans-serif;

  /* Espaçamento */
  --pr-space-1:4px;
  --pr-space-2:8px;
  --pr-space-3:12px;
  --pr-space-4:16px;
  --pr-space-5:20px;
  --pr-space-6:24px;
  --pr-space-7:32px;
  --pr-space-8:40px;
  --pr-space-9:48px;
  --pr-space-10:64px;

  /* Raios */
  --pr-radius-xs:8px;
  --pr-radius-sm:12px;
  --pr-radius-md:14px;
  --pr-radius-lg:18px;
  --pr-radius-xl:24px;
  --pr-radius-pill:999px;

  /* Sombras */
  --pr-shadow-sm:0 1px 2px rgba(31,23,85,.05),0 6px 18px rgba(31,23,85,.06);
  --pr-shadow-md:0 4px 20px rgba(49,39,130,.12);
  --pr-shadow-lg:0 24px 70px rgba(31,23,85,.12);

  /* Layout */
  --pr-shell:1200px;
  --pr-header-height:76px;

  /* Movimento e foco */
  --pr-transition-fast:.15s ease;
  --pr-focus-ring:0 0 0 3px rgba(49,39,130,.14);

  /* Compatibilidade — site público */
  --navy:var(--pr-color-navy);
  --blue:var(--pr-color-blue);
  --blue-soft:var(--pr-color-blue-soft);
  --red:var(--pr-color-red);
  --red-deep:var(--pr-color-red-deep);
  --cream:var(--pr-color-cream);
  --paper:var(--pr-color-paper);
  --warm:var(--pr-color-warm);
  --ink:var(--pr-color-ink);
  --muted:var(--pr-color-muted);
  --line:var(--pr-color-line);
  --line-inv:var(--pr-color-line-inverse);
  --traditional:var(--pr-cat-traditional);
  --snacks:var(--pr-cat-snacks);
  --kids:var(--pr-cat-kids);
  --sweet:var(--pr-cat-sweet);
  --whole:var(--pr-cat-whole);
  --fd:var(--pr-font-display);
  --fb:var(--pr-font-body);
  --r:var(--pr-radius-xl);
  --rs:var(--pr-radius-md);
  --shell:var(--pr-shell);
  --header-h:var(--pr-header-height);

  /* Compatibilidade — representantes */
  --azul:var(--pr-color-blue);
  --azul-esc:var(--pr-color-navy);
  --azul-cl:var(--pr-color-blue-soft);
  --vermelho:var(--pr-color-red);
  --verm-esc:var(--pr-color-red-deep);
  --amarelo:var(--pr-color-cream);
  --amar-esc:#e8ae50;
  --branco:var(--pr-color-white);
  --cinza:var(--pr-color-surface-soft);
  --cinza-md:var(--pr-color-surface-mid);
  --cinza-tx:#6b7280;
  --texto:#1a1a2e;
  --verde:var(--pr-color-success);
  --verde-cl:#1a7a45;
  --verde-bg:var(--pr-color-success-soft);
  --shadow:var(--pr-shadow-md);
  --radius:var(--pr-radius-sm);
}

/* Componentes oficiais — uso progressivo */
.pr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--pr-radius-pill);padding:11px 22px;font-family:var(--pr-font-display);font-weight:700;font-size:13px;line-height:1;cursor:pointer;transition:background var(--pr-transition-fast),border-color var(--pr-transition-fast),color var(--pr-transition-fast),transform var(--pr-transition-fast)}
.pr-btn--primary{background:var(--pr-color-red);color:#fff}
.pr-btn--primary:hover{background:var(--pr-color-red-deep)}
.pr-btn--secondary{background:var(--pr-color-blue);color:#fff}
.pr-btn--ghost{background:transparent;border:1px solid rgba(49,39,130,.28);color:var(--pr-color-blue)}
.pr-btn:disabled{opacity:.55;cursor:not-allowed}

.pr-field{width:100%;border:1px solid var(--pr-color-line);border-radius:var(--pr-radius-sm);padding:11px 13px;font-family:var(--pr-font-body);font-size:14px;color:var(--pr-color-ink);background:#fff;transition:border-color var(--pr-transition-fast),box-shadow var(--pr-transition-fast)}
.pr-field:focus{outline:none;border-color:var(--pr-color-blue);box-shadow:var(--pr-focus-ring)}

.pr-card{background:#fff;border:1px solid var(--pr-color-line);border-radius:var(--pr-radius-lg);box-shadow:var(--pr-shadow-sm)}
.pr-modal{background:#fff;border-radius:var(--pr-radius-xl);box-shadow:var(--pr-shadow-lg)}
.pr-badge{display:inline-flex;align-items:center;border-radius:var(--pr-radius-pill);padding:4px 10px;font-family:var(--pr-font-display);font-size:10px;font-weight:800;letter-spacing:.04em}
.pr-toast{border-radius:var(--pr-radius-sm);box-shadow:var(--pr-shadow-md);font-family:var(--pr-font-display);font-weight:700}

@media (prefers-reduced-motion:reduce){.pr-btn,.pr-field{transition:none}}