/* ============================================================
   PlannerMaison tokens.css — Semantic design tokens (pm-*)
   Warm earthy palette adapted from landing-producto/index.html.
   ============================================================ */
:root {
  /* ---- Surface / bg ---- */
  --pm-color-bg: #f7f1e3;
  --pm-color-surface: #ffffff;

  /* ---- Text ---- */
  --pm-color-text: #1f2328;
  --pm-color-text-soft: #757575;
  --pm-color-text-strong: #1f2328;

  /* ---- Brand ---- */
  --pm-color-blue: #92a4bb;
  --pm-color-blue-active: #b8ccde;
  --pm-color-primary-light: #d1e3f0;

  /* ---- CTAs ---- */
  --pm-color-green-cta: #f2b872;
  --pm-color-green-cta-strong: #1f2328;
  --pm-color-pink-cta: #ff6d4d;
  --pm-color-pink-cta-strong: #ff6d4d;
  --pm-color-accent: #ff6d4d;

  /* ---- Borders ---- */
  --pm-color-border: rgba(31, 35, 40, .12);

  /* ---- Typography ---- */
  --pm-font-ui: 'Roboto Mono', ui-monospace, 'Courier New', monospace;
  --pm-font-hand: 'Patrick Hand', 'Patrick Hand SC', cursive;

  /* ---- Radius ---- */
  --pm-radius-sm: 8px;
  --pm-radius-md: 12px;
  --pm-radius-pill: 999px;

  /* ---- Containers ---- */
  --pm-container-sm: 640px;
  --pm-container-md: 720px;
  --pm-container-lg: 1094px;
}