/* onclic.shop — Design tokens (ver DISENO.md) */
:root {
  /* MARCA */
  --brand-900:#0A2540; --brand-700:#14467A; --brand-600:#1A5FB4;
  --brand-500:#2B7DE0; --brand-100:#DCEBFB; --brand-50:#F0F6FE;
  /* ACENTO (CTA / disponible) */
  --accent-700:#0E8F6E; --accent-600:#12B886; --accent-100:#D6F5EC;
  /* SEMÁNTICOS */
  --success-600:#16A34A; --success-50:#E8F8EE;
  --warning-600:#D97706; --warning-50:#FEF3E2;
  --error-600:#DC2626;   --error-50:#FCEBEB; --info-600:#2B7DE0;
  /* NEUTROS */
  --gray-900:#0F172A; --gray-700:#334155; --gray-500:#64748B;
  --gray-300:#CBD5E1; --gray-200:#E2E8F0; --gray-100:#F1F5F9;
  --gray-50:#F8FAFC;  --white:#FFFFFF;
  /* TIPOGRAFÍA */
  --font-display:"Sora",system-ui,-apple-system,sans-serif;
  --font-body:"Inter",system-ui,-apple-system,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,monospace;
  --fs-xs:0.75rem; --fs-sm:0.875rem; --fs-base:1rem; --fs-lg:1.125rem;
  --fs-xl:1.5rem; --fs-2xl:2rem; --fs-3xl:2.5rem; --fs-4xl:3.25rem;
  --lh-tight:1.2; --lh-base:1.6;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700;
  /* ESPACIADO */
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem;
  --sp-6:2rem; --sp-7:3rem; --sp-8:4rem; --sp-9:6rem;
  /* RADIOS */
  --r-sm:6px; --r-md:10px; --r-lg:16px; --r-xl:24px; --r-full:999px;
  /* SOMBRAS */
  --shadow-xs:0 1px 2px rgba(15,23,42,.06);
  --shadow-sm:0 2px 6px rgba(15,23,42,.08);
  --shadow-md:0 6px 16px rgba(15,23,42,.10);
  --shadow-lg:0 12px 32px rgba(15,23,42,.14);
  --shadow-focus:0 0 0 3px rgba(43,125,224,.45);
  /* LAYOUT */
  --container:1200px; --container-narrow:760px;
  --z-nav:100; --z-dropdown:200; --z-overlay:900; --z-modal:1000; --z-toast:1100;
  /* MOTION */
  --ease-out:cubic-bezier(.16,1,.3,1); --dur-fast:150ms; --dur-base:240ms;
}