/* ==========================================================================
   Tenci — Variables compartidas por todas las páginas
   Paleta: blanco y negro; botones azul, rojo y negro; texto siempre negro.
   ========================================================================== */

:root {
  --white: #ffffff;
  --paper: #fafafa;
  --black: #0a0a0a;
  --grey: #d4d4d4;
  --blue: #3b82f6;
  --red: #f05252;

  --font-sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;

  --border: 2px solid var(--black);
  --shadow: 5px 5px 0 var(--black);
  --shadow-hover: 8px 8px 0 var(--black);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}