/* Alma tokens · app · corporate · SOLO CLARO (la paleta de villacampast.com; no hay tema oscuro) · contraste AA comprobado en tests/inventario-tema.test.mjs */
@import url('fonts.css');
:root {
  color-scheme: light;
  --font-display: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; --font-text: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --text-xs: 0.75rem; --text-sm: 0.812rem; --text-base: 0.938rem; --text-lg: 1.125rem; --text-xl: 1.375rem; --text-2xl: 1.625rem; --text-3xl: 1.938rem; --text-4xl: 2.312rem; --text-5xl: 2.812rem;
  --leading-xs: 1.55; --leading-sm: 1.55; --leading-base: 1.55; --leading-lg: 1.45; --leading-xl: 1.35; --leading-2xl: 1.25; --leading-3xl: 1.15; --leading-4xl: 1.08; --leading-5xl: 1.08;
  --tracking-xs: 0.01em; --tracking-2xl: -0.01em; --tracking-3xl: -0.02em; --tracking-4xl: -0.02em; --tracking-5xl: -0.02em;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --space-10: 128px;
  --radius-sm: 10px; --radius-md: 18px; --radius-lg: 30px; --radius-pill: 999px;
  --shadow-1: 0 1px 2px #12325612;
  --shadow-2: 0 16px 44px #1232561f;
  --shadow-3: 0 24px 64px -12px #12325633;
  --dur-1: 120ms; --dur-2: 180ms; --dur-3: 240ms; --dur-4: 320ms; --dur-5: 480ms; --ease-standard: cubic-bezier(0.2, 0, 0, 1); --ease-enter: cubic-bezier(0.05, 0.7, 0.1, 1); --ease-exit: cubic-bezier(0.3, 0, 0.8, 0.15);
  /* La paleta real de villacampast.com, con sus nombres: --brand-navy, --brand-blue,
     --brand-blue-deep (el primario), --brand-ice, --ink, --ink-soft, --line,
     --surface-tint. Los tokens de abajo (--bg, --text, --border…) son los mismos
     valores con los nombres que ya usan las hojas. */
  --brand-navy: #18325a; --brand-blue: #0076c6; --brand-blue-deep: #0460a9; --brand-ice: #eaf7ff;
  --ink: #102443; --ink-soft: #53677f; --line: #cfdfeb; --surface-tint: #f5f9fc;
  --bg: #f5f9fc; --surface: #ffffff; --surface-2: #eaf7ff; --border: #cfdfeb;
  --border-strong: #74808f; --text: #102443; --text-muted: #53677f; --primary: #0460a9;
  --primary-hover: #004f8e; --on-primary: #ffffff; --primary-soft: #eaf7ff; --on-primary-soft: #0460a9;
  --link: #0460a9; --accent: #0460a9; --on-accent: #ffffff; --focus: #0460a9;
  /* El cierre azul: el papel «acento» del reparto 60-30-10 (el pie de la
     portada). En hex porque el auditor de la portada lee los valores así.
     Sobre #0460a9: --acento-texto 6,5:1 y --acento-tenue 5,7:1, AA los dos. */
  --acento: #0460a9; --acento-texto: #ffffff; --acento-tenue: #eaf7ff; --acento-linea: #5b90c5;
  --success: #087f5b; --success-soft: #e3f6ef; --warning: #9a5f00; --warning-soft: #ffedd9;
  --danger: #b5433b; --danger-soft: #ffebe8; --info: #0072a9; --info-soft: #e2f3ff;
}
@media (prefers-reduced-motion: reduce) {
  :root { --dur-1: 0ms; --dur-2: 0ms; --dur-3: 0ms; --dur-4: 0ms; --dur-5: 0ms; }
}
@layer alma-base { img, video { max-width: 100%; height: auto; } }
/* Extras del contrato (pequenos acentos): el azul de marca (fondo de las
   imagenes de piezas) y el violeta del colegio STS. */
:root { --sky: #0076c6; --violet: #554fc4; }

/* La piel de la app del inventario (una sola regla): los campos llevan radio
   --radius-sm, borde --border-strong y alto --control-h, y el foco --accent;
   los botones son pastilla. El campo de una tabla es el ejemplo:
   .cantidad-campo en public/styles.css. */
:root { --control-h: 44px; }