/* ============================================================================
   Lumina CRM · tokens.css — sistema "Clínica luminosa" (ADR-0003)
   Variables de color, tipografía, espaciado y radios. Modo claro por defecto,
   oscuro con [data-theme="dark"] o con la preferencia del sistema.
   Debe coincidir con docs/06-diseno/sistema-de-diseno.md.
   ========================================================================== */
:root {
  --bg: #FFFFFF;
  --surface: #F6F5FA;
  --surface-2: #EEEDF5;
  --text: #1F2230;
  --text-2: #5B5F73;
  --text-3: #9A9DB0;
  --border: #E9E8F0;
  --primary: #6E5BD6;
  --primary-ink: #FFFFFF;
  --primary-soft: #EEEBFB;
  --accent: #5E9C7A;
  --accent-soft: #E6F2EA;
  --warning: #D98E04;
  --warning-soft: #FFF3DC;
  --danger: #D9485F;
  --danger-soft: #FDE7EC;
  --info: #2F6FED;
  --info-soft: #E7EEFD;
  --birthday: #E58CA6;
  --birthday-soft: #FCE9EF;
  --neutral: #8A8D9F;
  --neutral-soft: #EEEEF2;
  --wa-bubble: #DCF8C6;
  --wa-bubble-in: #FFFFFF;
  --wa-bg: #ECE5DD;
  --wa-tick: #53BDEB;
  --shadow: 0 8px 24px rgba(110, 91, 214, 0.10);
  --shadow-sm: 0 2px 8px rgba(31, 34, 48, 0.06);
  --overlay: rgba(31, 34, 48, 0.40);
  --escritorio-bg: linear-gradient(160deg, #F6F5FA 0%, #E9E6F7 100%);

  --font-display: 'Outfit', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-ui: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --fs-xs: 12px; --lh-xs: 16px;
  --fs-sm: 13px; --lh-sm: 18px;
  --fs-md: 16px; --lh-md: 24px;
  --fs-lg: 18px; --lh-lg: 26px;
  --fs-xl: 22px; --lh-xl: 28px;
  --fs-2xl: 28px; --lh-2xl: 34px;
  --fs-3xl: 34px; --lh-3xl: 40px;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px;
  --radius-s: 12px; --radius-m: 16px; --radius-l: 20px; --radius-xl: 24px; --radius-pill: 999px;
  --tap: 44px;
  --ease: cubic-bezier(0.2, 0, 0, 1);
  --dur: 180ms;
  --dur-fast: 120ms;

  --telefono-ancho: 390px;
  --telefono-alto: 844px;
  --tabbar-alto: 64px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);

  /* colores por profesional (agenda) */
  --pro-1: #6E5BD6; --pro-2: #2F6FED; --pro-3: #E58CA6; --pro-4: #5E9C7A; --pro-5: #D98E04;
  color-scheme: light;
}

[data-theme="dark"] {
  --bg: #14161F;
  --surface: #1C1F2B;
  --surface-2: #262A38;
  --text: #F2F1F7;
  --text-2: #B4B7C7;
  --text-3: #7F8396;
  --border: #303445;
  --primary: #9C8CF2;
  --primary-ink: #14161F;
  --primary-soft: #2B2747;
  --accent: #7FC4A0;
  --accent-soft: #1F3A2D;
  --warning: #F0B241;
  --warning-soft: #3D3016;
  --danger: #F27A8C;
  --danger-soft: #43222A;
  --info: #7AA3FF;
  --info-soft: #1E2A4A;
  --birthday: #F3A9BE;
  --birthday-soft: #452833;
  --neutral: #9A9DB0;
  --neutral-soft: #2A2D3A;
  --wa-bubble: #1F3A2D;
  --wa-bubble-in: #262A38;
  --wa-bg: #0F1A14;
  --shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  --overlay: rgba(0, 0, 0, 0.60);
  --escritorio-bg: linear-gradient(160deg, #1A1D29 0%, #0F1118 100%);
  color-scheme: dark;
}