/* =============================================================
   BVS — Bienestar · Vitalidad · Salud
   Design tokens — v1.0
   ============================================================= */

/* ---------- 1. Design tokens ---------- */
:root {
  /* Colors */
  --color-primary: #1F6E72;
  --color-primary-hover: #2A8B91;
  --color-primary-dark: #164F52;
  --color-accent: #D4A53A;
  --color-accent-hover: #E0B650;
  --color-bg: #FFFFFF;
  --color-bg-alt: #F5F7F8;
  --color-bg-dark: #164F52;
  --color-text: #2C3E42;
  --color-text-muted: #6B7B7F;
  --color-text-light: #FFFFFF;
  --color-border: #E1E6E8;
  --color-success: #3DAE69;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(22, 79, 82, 0.06);
  --shadow-md: 0 4px 12px rgba(22, 79, 82, 0.08);
  --shadow-lg: 0 12px 32px rgba(22, 79, 82, 0.12);
  --shadow-hover: 0 16px 40px rgba(22, 79, 82, 0.16);

  /* Container */
  --container-max: 1200px;
  --container-pad: 24px;

  /* Type */
  --font-display: "Poppins", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
}

@media (min-width: 768px) {
  :root { --container-pad: 32px; }
}
@media (min-width: 1024px) {
  :root { --container-pad: 40px; }
}
@media (min-width: 1280px) {
  :root { --container-pad: 48px; }
}