/* Asia Wok Lechería — propuesta. Tokens.
   Two radius registers on purpose: the PAGE, the kitchen tablet and the website mock are square (2px);
   the phone APP (.app) keeps Kleyopatra's soft radii (--k-r-*) because it is a product mock of a shipped
   app, exactly like the WhatsApp mock keeps WhatsApp's 8px. Device frames are hardware. */
:root {
  --red-300: #d9402b;  /* non-text accents on ink only; large labels >= 24px */
  --red-500: #b9291a;  /* brand red: bands, primary buttons on paper, prices */
  --red-600: #982218;
  --red-700: #811d15;
  --red-800: #6c1812;
  --red-900: #4d0f0d;

  --paper: #f7f1ea; --white: #ffffff; --ticket: #fbf7f1; --cream: #f4ece1;
  --ink: #1c1210; --ink-2: #5c4b45; --ink-3: #7a6963;
  --on-ink: #f7f1ea; --on-ink-2: #b9a79f; --on-ink-3: #9a8780;
  --line: #e3d6cb; --line-ink: #3a2a26; --line-red: rgba(255,255,255,.22);
  --ok: #1f7a4d; --wa: #25D366;

  --hero-grad: linear-gradient(100deg, #b9291a 0%, #a3251a 55%, #6c1812 100%);
  --radius: 2px;

  --font-display: "Archivo Black", "Arial Black", sans-serif;
  --font-body: "Hanken Grotesk", system-ui, sans-serif;

  --nav-h: 64px;
  --switch-h: 48px;

  /* app tokens (scoped to .app) */
  --k-bg: #f7f1ea; --k-bg-deep: #eee3d8; --k-bg-soft: #fdf9f4;
  --k-card: #ffffff; --k-card-soft: #fbf7f1;
  --k-hair: rgba(185,41,26,.18);
  --k-accent: #b9291a; --k-accent-text: #982218;
  --k-text: #1c1210; --k-text-dim: #5c4b45; --k-on-fill: #ffffff;
  --k-cta: #b9291a; --k-cta-press: #982218; --k-ok: #1f7a4d;
  --k-scrim: linear-gradient(to top, rgba(28,18,16,.82), rgba(28,18,16,.25));
  --k-r-sm: 10px; --k-r-md: 16px; --k-r-lg: 22px; --k-r-xl: 30px; --k-r-pill: 9999px;
}