/* Tokens de la familia carlosnavarro.site (Portrait): los comparten el menú, el álbum y la página de venta.
   Cada repo copia este archivo para no depender de otro sitio. */
:root {
  --ink: #08304c;          /* único color de texto y líneas */
  --teal: #084e72;
  --muted: #4f5f6b;        /* texto secundario (cumple contraste AA; el #797979 de DESIGN.md no) */
  --line: #e3e7ea;
  --mist: #f1f3f5;
  --peach: #ffebd6;
  --sky: #e8f1ff;
  --mint: #d7ffe2;
  --lav: #efe9ff;
  --rose: #ffe6ee;
  --rainbow: linear-gradient(90deg, #26c0ff, #e600c2 20%, #ff4940 40%, #ffa130 60%, #ffc837 80%, #00cc3d);
  --sombra: 0 0 0 1px rgba(8, 48, 76, .07), 0 16px 16px -8px rgba(0, 0, 0, .03), 0 10px 10px -5px rgba(0, 0, 0, .03), 0 5px 5px -2.5px rgba(0, 0, 0, .03), 0 2px 2px -1px rgba(0, 0, 0, .03);
  --radio-tarjeta: 24px;
  --radio-boton: 28px;
  --fuente-titulo: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fuente-texto: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #fff; color: var(--ink); font-family: var(--fuente-texto); line-height: 1.5; -webkit-font-smoothing: antialiased; }
h1, h2, h3 { font-family: var(--fuente-titulo); font-weight: 600; margin: 0; text-wrap: balance; }
p { margin: 0; text-wrap: pretty; }
button, input, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
a { color: inherit; }
:focus-visible { outline: 2px solid #26c0ff; outline-offset: 2px; }
[hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}