:root {
  /* Color — base oscura CÁLIDA (no negro plano) */
  --ink:#242021; --ink-2:#1B1819; --carbon:#2C2829; --carbon-2:#37312F; --hairline-d:#3C3734;
  /* Color — claro cálido (papel comic) */
  --paper:#F5F2EE; --white:#FFFFFF; --hairline-l:#E7E2DB;
  /* Acentos */
  --red:#E10600; --red-2:#8A0510; --red-bright:#FF2A1A; --red-deep:#A60A06; --gold:#F5B301; --success:#34C759;
  /* Texto sobre oscuro */
  --tx-d-1:#FBF7F2; --tx-d-2:#C8C1B9; --tx-d-3:#968E86;
  /* Texto sobre claro */
  --tx-l-1:#211D1C; --tx-l-2:#4A4441; --tx-l-3:#6E665F;
  /* Cromado / metálico */
  --chrome:linear-gradient(180deg,#FFFFFF,#B9B2AA 55%,#6E665F);
  /* Tipografía */
  --font-display:'Space Grotesk',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --font-mono:'Space Grotesk',ui-monospace,'SFMono-Regular',monospace;
  /* Spacing 4pt */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px; --s10:128px;
  /* Radios */
  --r-sm:6px; --r-md:10px; --r-lg:16px; --r-xl:24px; --r-pill:999px;
  /* Easing */
  --eo:cubic-bezier(.23,1,.32,1);
  --eio:cubic-bezier(.77,0,.175,1);
  --edrawer:cubic-bezier(.32,.72,0,1);
  --espring:cubic-bezier(.26,-.14,0,1.01);
  /* Sombras (tintadas cálidas) */
  --sh-light:0 22px 45px -26px rgba(36,32,33,.35);
  --sh-glow:0 24px 60px -28px rgba(225,6,0,.45);
  --sh-ambient:0 40px 90px -40px rgba(0,0,0,.85);
  /* Layout */
  --container:1320px; --content:1200px; --gutter:24px;
  /* Nav */
  --nav-h:72px;
}