/* Cartify design tokens, round 2: the ONLY place colors, type, spacing, radius, shadow and motion are defined.
   Three swappable palettes via <html data-palette="a|b|c">; default = A "Cocina" (recommended).
   Structure: dark chrome (header, footer, steps) holds the lime logo; reading zones are light (paper/cream).
   Zones: DARK = ink/text/text-dim. LIGHT = paper/cream/ink-text/ink-dim. CTA = accent/on-accent/btn-edge.
   Contrast numbers (WCAG) are listed in web/prototipos/paletas.html and were measured, not guessed. */
:root {
  /* A "Cocina": cafe + lime logo + cream paper, orange only as a small tag */
  --ink: #271a16;  --ink-2: #33241e;  --ink-3: #4b382e;
  --text: #fbf6ec;  --text-dim: #d6c8b8;
  --paper: #fffdf8;  --cream: #f5eedf;  --line: #e2d7c3;
  --ink-text: #271a16;  --ink-dim: #5d4c41;
  --accent: #c8f560;  --accent-press: #b6e44a;  --on-accent: #271a16;  --btn-edge: #271a16;
  --accent-2: #ff5b23;  --accent-2-text: #b53a0b;
  --notice-bg: #fff1cf;  --notice-line: #d9a21f;  --notice-text: #3d2a05;
  --focus: #c8f560;  --focus-light: #5b21d6;

  /* type: system stack (zero requests). Headings heavy and tight, numbers tabular. */
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-heading: "Arial Black", "Segoe UI Black", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-xs: 0.75rem;  --fs-sm: 0.875rem;  --fs-base: 1rem;  --fs-lg: 1.25rem;
  --fs-xl: clamp(1.625rem, 5.5vw, 2.5rem);
  --fs-2xl: clamp(2.25rem, 8vw, 3.5rem);
  --fs-hero: clamp(2.5rem, 11vw, 5.25rem);
  --lh-tight: 1.05;  --lh-body: 1.55;  --track-tight: -0.025em;

  /* spacing (4px base) */
  --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem;
  --sp-5: 1.5rem;  --sp-6: 2rem;   --sp-7: 3rem;    --sp-8: 4.5rem;

  /* radius + shadow */
  --radius-s: 8px; --radius-m: 14px; --radius-l: 24px; --radius-pill: 999px;
  --shadow-bar: 0 -10px 28px rgba(39, 26, 22, 0.28);
  --shadow-card: 0 1px 0 rgba(39, 26, 22, 0.05), 0 12px 32px rgba(39, 26, 22, 0.1);

  /* motion */
  --ease-out: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-back: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-1: 150ms; --dur-2: 260ms; --dur-3: 650ms;

  /* layout */
  --container: 1160px; --gutter: 1rem; --tap: 48px;
}
@media (min-width: 900px) { :root { --gutter: 2rem; } }

/* B "Oscura refinada": whole site dark, lime accent */
:root[data-palette="b"], [data-palette="b"] {
  --ink: #1b110d; --ink-2: #281a14; --ink-3: #3b2a20;
  --paper: #231710; --cream: #2d1e16;
  --line: #4a372b;
  --ink-text: #f8f2e8; --ink-dim: #cfc0b0;
  --accent-2-text: #ff9a73;
  --notice-bg: #3a2c12; --notice-line: #d9a21f; --notice-text: #fbe7b8;
  --btn-edge: #7da322;
  --focus-light: #c8f560;
}
/* C "Lima fresca": light lime-tinted surfaces, orange CTA (heritage of the old theme) */
:root[data-palette="c"], [data-palette="c"] {
  --paper: #fcfff2; --cream: #eef7cf; --line: #d4e3a5;
  --accent: #ff6a2f; --accent-press: #f0561a; --on-accent: #1d120d; --btn-edge: #271a16;
  --accent-2: #c8f560; --accent-2-text: #4a6a05;
  --focus: #c8f560;
}