/* =============================================================================
   Matrícula V3 · Web — Tokens de diseño
   Paleta heredada de la web de formación (sidebar oscuro + amarillo, crema).
   ============================================================================= */
:root {
  --bg: #aeaca4;
  --panel: #d7d5cd;
  --panel-2: #c9c7bf;
  --line: #9a988f;
  --line-soft: #bdbbb2;
  --titlebar: #2b2b2b;
  --titlebar-2: #3a3a3a;
  --ink: #1c1c1c;
  --ink-soft: #54524c;
  --yellow: #f3c20a;
  --yellow-deep: #d9a900;
  --green: #3f8b41;
  --red: #c2402f;
  --steel: #3f6d92;
  --white: #f4f3ee;

  /* Prioridades de alerta */
  --pri-alta: #c2402f;
  --pri-media: #d9a900;
  --pri-baja: #3f6d92;

  --font: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  --mono: "Consolas", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --r-sm: 7px;
  --r-md: 10px;
  --r-lg: 14px;
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; height: 100%; }
body {
  font-family: var(--font);
  background: var(--panel-2);
  color: var(--ink);
  min-height: 100dvh;
}