/* ============================================================
   MonTech Médico · Tokens de marca
   Azul médico claro y brillante, el de la referencia que eligió
   Luis (30-sep): #0b6cf0 para rellenos y enlaces, fondos casi
   blancos con un toque azul, turquesa como segundo color.
   El logo de MonTech conserva su azul y naranja; el naranja
   ya no se usa en la interfaz salvo para advertencias.
   ============================================================ */
:root {
  color-scheme: light;

  --mt-azul-900: #0a2f6b;
  --mt-azul-800: #0a4fb8;
  --mt-azul-700: #0a5ed6;
  --mt-azul-600: #0b6cf0;
  --mt-azul-500: #2f86f6;
  --mt-azul-400: #5aa0f7;
  --mt-azul-200: #bcd8fc;
  --mt-azul-100: #e7f1ff;
  --mt-azul-050: #f3f8ff;
  --mt-turquesa-600: #0d9488;
  --mt-turquesa-500: #14b8a6;
  --mt-turquesa-100: #dcf6f2;
  --mt-orange-500: #f08a24;
  --mt-orange-100: #fdeedd;
  --mt-gold-500: #f5b83d;
  --mt-gold-100: #fdf3d8;

  --bg-app: #f5f8fc;
  --bg-surface: #ffffff;
  --bg-elevated: #ffffff;
  --bg-muted: #f7faff;
  --bg-inset: #eef3fa;
  --bg-nav: #ffffff;
  --bg-nav-active: #0b6cf0;
  --bg-nav-hover: #f1f6fe;
  --scrim: rgba(12, 28, 56, 0.4);

  --border: #e4eaf3;
  --border-strong: #d0d9e6;
  --border-nav: #e8edf4;

  --text-primary: #0f1e36;
  --text-secondary: #46546d;
  --text-muted: #7b879c;
  --text-inverse: #ffffff;
  --text-nav: #3c4a63;
  --text-nav-active: #ffffff;
  --text-brand: #0b6cf0;

  --brand: #0b6cf0;
  --brand-hover: #0a5ed6;
  --brand-soft: rgba(11, 108, 240, 0.08);
  --brand-ink: #0a5ed6;
  --brand-ring: rgba(11, 108, 240, 0.22);
  --accent: #14b8a6;
  --accent-soft: rgba(20, 184, 166, 0.12);
  --accent-ink: #0b7a6e;
  --gold: #f5b83d;

  --ok: #16a36a;
  --ok-soft: #e6f7ef;
  --ok-ink: #0f7a4e;
  --warn: #f08a24;
  --warn-soft: #fef3e6;
  --warn-ink: #a85a0c;
  --danger: #e5484d;
  --danger-soft: #fdeced;
  --danger-ink: #b42f33;
  --info: #0b6cf0;
  --info-soft: #e7f1ff;
  --info-ink: #0a58c2;
  --neutral-soft: #eff3f8;
  --neutral-ink: #46546d;

  --c1: #0b6cf0;
  --c2: #14b8a6;
  --c3: #f5a524;
  --c4: #8b5cf6;
  --c5: #f0605d;
  --c6: #34c38f;
  --c7: #93c3fb;
  --c8: #a3aec0;
  --grid: #edf1f7;
  --bar-muted: #e3eaf4;

  --r-xs: 5px;
  --r-sm: 8px;
  --r: 11px;
  --r-lg: 16px;
  --r-xl: 20px;
  --r-full: 999px;

  --font: "Proxima Nova", "Proxima Nova Alt", "Metropolis", "Avenir Next",
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;
  --fs-11: 11px; --fs-12: 12px; --fs-13: 13px; --fs-14: 14px; --fs-15: 15px; --fs-16: 16px;
  --fs-18: 18px; --fs-20: 20px; --fs-24: 24px; --fs-30: 30px; --fs-38: 38px;
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-7: 32px; --s-8: 40px; --s-9: 56px;
  --t-fast: 120ms cubic-bezier(0.4, 0, 0.2, 1);
  --t: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --sh-nav: none;

  --sh-1: 0 1px 2px rgba(15, 40, 80, 0.04), 0 2px 10px -4px rgba(15, 40, 80, 0.06);
  --sh-2: 0 1px 2px rgba(15, 40, 80, 0.05), 0 10px 24px -8px rgba(15, 40, 80, 0.12);
  --sh-3: 0 24px 48px -12px rgba(12, 28, 56, 0.26), 0 4px 12px rgba(12, 28, 56, 0.08);

  --nav-w: 248px;
  --nav-w-collapsed: 76px;
  --topbar-h: 72px;
  --maxw: 1600px;
  --tabbar-h: 0px;
}

[data-theme="dark"] {
  color-scheme: dark;

  --bg-app: #0a111e;
  --bg-surface: #111a2a;
  --bg-elevated: #152033;
  --bg-muted: #131d2f;
  --bg-inset: #18243a;
  --bg-nav: #111a2a;
  --bg-nav-active: #1f6fe0;
  --bg-nav-hover: #16223a;
  --scrim: rgba(0, 0, 0, 0.6);

  --border: #1e2b42;
  --border-strong: #2a3a56;
  --border-nav: #1e2b42;

  --text-primary: #e9eef7;
  --text-secondary: #afbbd0;
  --text-muted: #8190a8;
  --text-inverse: #0a111e;
  --text-nav: #b5c0d4;
  --text-nav-active: #ffffff;
  --text-brand: #7db3fa;

  --brand: #3b8ff7;
  --brand-hover: #5aa0f7;
  --brand-soft: rgba(59, 143, 247, 0.16);
  --brand-ink: #9cc6fc;
  --brand-ring: rgba(59, 143, 247, 0.34);
  --accent: #2dd4bf;
  --accent-soft: rgba(45, 212, 191, 0.14);
  --accent-ink: #6fe3d3;

  --ok: #3cc98a;
  --ok-soft: rgba(60, 201, 138, 0.14);
  --ok-ink: #72dcac;
  --warn: #f5a54a;
  --warn-soft: rgba(245, 165, 74, 0.14);
  --warn-ink: #f8c486;
  --danger: #f07575;
  --danger-soft: rgba(240, 117, 117, 0.15);
  --danger-ink: #ff9f9f;
  --info: #5aa0f7;
  --info-soft: rgba(90, 160, 247, 0.15);
  --info-ink: #a8cdfc;
  --neutral-soft: #18243a;
  --neutral-ink: #afbbd0;

  --mt-gold-100: rgba(245, 184, 61, 0.14);
  --mt-orange-100: rgba(240, 138, 36, 0.15);
  --mt-turquesa-100: rgba(45, 212, 191, 0.14);
  --mt-azul-200: #24406b;
  --mt-azul-100: #17253d;
  --mt-azul-050: #131d2f;

  --c1: #4f9bf8;
  --c2: #2dd4bf;
  --c3: #f7b84a;
  --c4: #a78bfa;
  --c5: #f28b82;
  --c6: #4fd39f;
  --c7: #2f5f9e;
  --c8: #8b97aa;
  --grid: #19263c;
  --bar-muted: #1d2c46;

  --sh-1: 0 1px 2px rgba(0, 0, 0, 0.35);
  --sh-2: 0 2px 4px rgba(0, 0, 0, 0.3), 0 8px 20px -6px rgba(0, 0, 0, 0.5);
  --sh-3: 0 24px 48px -12px rgba(0, 0, 0, 0.7), 0 4px 12px rgba(0, 0, 0, 0.45);
}