/* Tokens del sistema «Soluciones para Hogares y Negocios» (Claude Design, tokens.json v1). Generado: no editar a mano. */
:root {
  --navy: #1d3a5f;
  --navy-dark: #162d49;
  --navy-light: #2a4f7d;
  --navy-soft: #3f608c;
  --navy-wash: #e9eef5;
  --navy-deep: #0f2138;
  --ink: #1c2836;
  --text-2: #3d4856;
  --text-3: #5a6472;
  --text-muted: #98a1ad;
  --bg-page: #fbfaf8;
  --paper: #ffffff;
  --arena: #f6f1e9;
  --arena-border: #eae2d4;
  --niebla: #f2f5f8;
  --border: #e4e7eb;
  --border-strong: #cfd5dc;
  --hogares: #d96c2c;
  --hogares-dark: #c05a1e;
  --hogares-light: #f0a868;
  --hogares-tint: #faeee4;
  --hogares-text: #a64d18;
  --negocios: #22668a;
  --negocios-dark: #1a5271;
  --negocios-light: #7fb0c9;
  --negocios-tint: #e9f1f5;
  --tienda-hogar: #e8821e;
  --tienda-hogar-dark: #c96d12;
  --tienda-hogar-tint: #fdf3e7;
  --tienda-negocio: #2e85ad;
  --tienda-negocio-dark: #226a8c;
  --tienda-negocio-tint: #eaf4f8;
  --brand: #e8821e;
  --success: #2e7d4f;
  --success-tint: #e8f3ec;
  --warning: #b7791f;
  --warning-tint: #faf1df;
  --danger: #b3402e;
  --danger-tint: #f9ebe8;
  --ink-inverse: #eef4fb;
  --body-inverse: #b8c9dd;
  --electric: #58d5ff;
  --electric-dark: #1789b8;
  --hairline-inverse: rgba(255,255,255,0.14);
  --accent: var(--navy);
  --surface-brand: var(--arena);
  --surface-card: var(--paper);
  --surface-inverse: var(--navy);
  --text-body: var(--text-2);
  --text-heading: var(--navy);
  --font-display: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-sans: "Public Sans", system-ui, -apple-system, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --container: 1200px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 3px rgba(22,45,73,.06), 0 4px 16px rgba(22,45,73,.06);
  --shadow-raised: 0 4px 12px rgba(22,45,73,.1), 0 12px 32px rgba(22,45,73,.1);
  --shadow-overlay: 0 8px 40px rgba(22,45,73,.18);
  --focus-ring: 0 0 0 3px rgba(34,102,138,.35);
  --focus-ring-solid: 0 0 0 2px #ffffff, 0 0 0 4px #22668a;
  --ease: cubic-bezier(0.22,1,0.36,1);
}