/* ══════════════════════════════════════
   variables.css
   Design Tokens – Clínica Peruano Suiza
   ══════════════════════════════════════ */

:root {
  /* ── Brand Blues ── */
  --blue-900: #0a3a74;
  --blue-700: #0b6fb3;
  --blue-500: #1592d4;

  /* ── Semantic Colors ── */
  --navy: #0d2d6b;
  --blue: #1a56c4;
  --cyan: #0ea5d8;
  --green: #059669;
  --red: #e02020;
  --white: #ffffff;

  /* ── Text Colors ── */
  --text: #1a1a2e;
  --muted: #5a6272;

  /* ── Background Colors ── */
  --light: #f5f8ff;
  --alt-bg: #f8fafc;
  --gray: #f4f6f9;
  --line: #d9e2f2;

  /* ── Plan-Specific Colors ── */
  --kumpa: #1565d8;
  --dulce: #d63384;
  --dulce2: #f472b6;

  /* ── Design Tokens ── */
  --shadow: 0 10px 25px rgba(0, 0, 0, 0.10);
  --header-h: 78px;
  --container-max: 1280px;
}