/* PROPUESTA C · cálida y redonda — tokens */
:root {
  color-scheme: light;
  --c-bg: #FBF8F3;
  --c-alt: #F6EEE6;
  --c-surface: #FFFFFF;
  --c-border: #E7D9CE;
  --c-brown: #6F4A32;        /* solo tarjeta/pie oscuros, texto blanco encima */
  --c-pink: #FBC4C8;         /* rosa de marca: acento (píldoras, destacados, subrayados) */
  --c-on-pink: #2E2622;      /* texto sobre --c-pink (AA >= 4.5) */
  --c-primary: #F7A8AE;      /* relleno de botón de acción (rosa suave, texto oscuro AA) */
  --c-primary-strong: #F2949B;/* hover del botón de acción */
  --c-primary-hover: #A83F50;/* enlaces, foco y texto de acción */
  --c-rose: #F1DDE2;         /* pastel suave de apoyo (fondos grandes) */
  --c-text: #3E332E;
  --c-text-muted: #6F5F57;
  --c-on-primary: #2E2622;   /* texto sobre el botón (rosa suave) */

  --c-font-heading: "Lato", system-ui, -apple-system, "Segoe UI", sans-serif;
  --c-font-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --c-text-sm: 0.875rem;
  --c-text-base: 1rem;
  --c-text-lg: 1.25rem;
  --c-text-xl: clamp(1.35rem, 1.1rem + 1.1vw, 1.8rem);
  --c-text-2xl: clamp(1.6rem, 1.15rem + 2.1vw, 2.5rem);
  --c-leading-body: 1.55;

  --c-space-1: 4px;  --c-space-2: 8px;  --c-space-3: 12px; --c-space-4: 16px;
  --c-space-5: 24px; --c-space-6: 32px; --c-space-7: 40px; --c-space-8: 48px;
  --c-space-9: 64px; --c-space-10: 96px;

  --c-radius-2: 16px; --c-radius-3: 24px; --c-radius-pill: 999px;
  --c-shadow-1: 0 6px 20px rgba(111, 74, 50, .08);
  --c-shadow-2: 0 16px 40px rgba(111, 74, 50, .12);
}