@import url("/brand/docs/tokens.css");
:root {
  --pa-tinta: #0B0D10;
  --pa-naranja-vector: #FF6A2B;
  --pa-hueso: #F2F1EC;
  --pa-grafito: #1F232A;
  --pa-niebla: #8A8F98;
  --pa-surface: #101216;
  --pa-radius-card: 6px;
}
body { background: var(--pa-tinta); color: var(--pa-hueso); font-family: Geist, system-ui, sans-serif; }
code, .mono { font-family: "Geist Mono", ui-monospace, monospace; }
.btn-primary { background: var(--pa-naranja-vector); color: var(--pa-tinta); border-radius: 4px; font-weight: 600; }
.card { background: var(--pa-surface); border: 1px solid var(--pa-grafito); border-radius: var(--pa-radius-card); }