/* Mi Estancia · Tokens de diseño (única fuente de colores, espacios, radios y tipografía).
   Cambiar la marca = cambiar este archivo. */
:root {
  /* Color */
  --color-bg: #f4efe7;
  --color-surface: #ffffff;
  --color-surface-muted: #faf7f2;
  --color-border: #e5ddd1;
  --color-border-strong: #d3c8b8;
  --color-text: #1f2a24;
  --color-muted: #65706a;
  --color-brand: #2f5136;
  --color-brand-strong: #223d28;
  --color-brand-soft: #e6eee5;
  --color-on-brand: #ffffff;
  --color-accent: #b5622e;
  --color-success: #2e7048;
  --color-success-soft: #e3f1e7;
  --color-warning: #8f5a0a;
  --color-warning-soft: #fbefd9;
  --color-danger: #b3261e;
  --color-danger-soft: #fbe6e3;
  --color-info: #2d5a7b;
  --color-info-soft: #e5eef5;
  --color-focus: #2d6fd6;

  /* Espacio (escala 4/8/12/16/24/32) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

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

  /* Sombras */
  --shadow-sm: 0 1px 2px rgba(31, 42, 36, .06);
  --shadow-md: 0 8px 24px rgba(31, 42, 36, .10);

  /* Tipografía: una familia para la interfaz y serif solo en títulos de marca */
  --font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: Georgia, "Times New Roman", serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 28px;

  /* Medidas */
  --shell-max: 560px;
  --control-height: 48px;
  --tap: 44px;
}

/* Breakpoints oficiales: sm 390px · md 600px · lg 820px (usar solo estos). */