/* Generated from SALVIA Clinical Command UI 1.3.0. Do not edit directly. */
:root{
  --salvia-design-name:"SALVIA Clinical Command UI";
  --salvia-design-version:"1.3.0";
  --salvia-color-azul-vivo:#2D6DF6;
  --salvia-color-azul-sura:#0033A0;
  --salvia-color-blanco-puro:#FFFFFF;
  --salvia-color-amarillo-alegre:#E3E829;
  --salvia-color-aqua:#00AEC7;
  --salvia-color-gris-neutro:#888B8D;
  --salvia-color-purpura-suave:#8A9CD3;
  --salvia-color-amarillo-suave:#ECF0A1;
  --salvia-color-aqua-suave:#9BE1E9;
  --salvia-color-azul-cielo:#81B1FF;
  --salvia-color-gris-medio:#B4B4B5;
  --salvia-bg-blue-light:#DFEAFF;
  --salvia-bg-gray-light:#E7E7E7;
  --salvia-bg-yellow-light:#F9FAE1;
  --salvia-bg-aqua-light:#D5F5F8;
  --salvia-bg-offwhite:#F8F8F8;
  --salvia-color-error-border:#E53E3E;
  --salvia-color-error-text:#D32F2F;
  --salvia-color-focus-ring:#2D6DF6;
  --salvia-color-body:#333333;
  --salvia-color-card-border:#E5E9EA;

  --salvia-color-clinical-success:#00C897;
  --salvia-color-clinical-warning:#FFB800;
  --salvia-color-clinical-error:#FF5C5C;
  --salvia-color-clinical-info:#00AEC7;
  --salvia-color-canvas:#F7F9FD;
  --salvia-color-base-soft:rgba(223,234,255,.30);
  --salvia-color-border-soft:#E5E9EA;
  --salvia-shadow-focal:0 18px 42px -12px rgba(0,51,160,.22);
  --salvia-gradient-focal:linear-gradient(135deg,#FFFFFF 0%,#EEF4FF 58%,#E4F9F7 100%);
  --salvia-heading-tracking:-.025em;
  --salvia-heading-tracking-tight:-.03em;

  --salvia-font-family:"Montserrat","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --salvia-font-size-h1:32px;
  --salvia-font-size-h2:22px;
  --salvia-font-size-h3:18px;
  --salvia-font-size-h4:16px;
  --salvia-font-size-body:15px;
  --salvia-font-size-label:13px;
  --salvia-font-size-auxiliary:12px;
  --salvia-font-weight-regular:400;
  --salvia-font-weight-body:500;
  --salvia-font-weight-medium:500;
  --salvia-font-weight-semibold:600;
  --salvia-font-weight-bold:700;

  --salvia-space-1:4px;
  --salvia-space-2:8px;
  --salvia-space-3:12px;
  --salvia-space-4:16px;
  --salvia-space-5:20px;
  --salvia-space-6:24px;
  --salvia-space-8:32px;
  --salvia-space-10:40px;
  --salvia-space-12:48px;
  --salvia-space-16:64px;

  --salvia-radius-small:8px;
  --salvia-radius-control:12px;
  --salvia-radius-card:16px;
  --salvia-radius-large:24px;
  --salvia-radius-modal:24px;
  --salvia-radius-pill:9999px;

  --salvia-shadow-card:none;
  --salvia-shadow-card-hover:0 12px 24px -6px rgba(45,109,246,.12);
  --salvia-shadow-floating:0 20px 50px -14px rgba(0,51,160,.28);
  --salvia-shadow-event:0 2px 8px rgba(0,0,0,.04);
  --salvia-shadow-modal:0 8px 24px rgba(0,51,160,.12);

  --salvia-size-sidebar:260px;
  --salvia-size-sidebar-collapsed:82px;
  --salvia-size-header:64px;
  --salvia-size-control:44px;
  --salvia-size-touch-target:44px;
  --salvia-size-modal:540px;
  --salvia-motion-fast:120ms;
  --salvia-motion-normal:200ms;
  --salvia-motion-slow:240ms;
  --salvia-breakpoint-mobile:650px;
  --salvia-breakpoint-tablet:1024px;

  --salvia-color-primary-default:var(--salvia-color-azul-vivo);
  --salvia-color-primary-hover:var(--salvia-color-azul-sura);
  --salvia-color-primary-active:var(--salvia-color-azul-sura);
  --salvia-color-primary-on:var(--salvia-color-blanco-puro);
  --salvia-color-secondary-default:var(--salvia-color-aqua);
  --salvia-color-secondary-on:var(--salvia-color-blanco-puro);
  --salvia-color-background-default:var(--salvia-color-canvas);
  --salvia-color-background-surface:var(--salvia-color-blanco-puro);
  --salvia-color-background-secondary:var(--salvia-bg-blue-light);
  --salvia-color-background-sidebar-light:var(--salvia-color-blanco-puro);
  --salvia-color-background-sidebar-dark:var(--salvia-color-blanco-puro);
  --salvia-color-background-overlay:rgba(0,51,160,.20);
  --salvia-color-background-sidebar-hover:var(--salvia-bg-blue-light);
  --salvia-color-background-sidebar-divider:var(--salvia-bg-blue-light);
  --salvia-color-background-surface-translucent:rgba(255,255,255,.96);
  --salvia-color-background-event-badge:rgba(255,255,255,.88);
  --salvia-color-text-primary:var(--salvia-color-body);
  --salvia-color-text-secondary:var(--salvia-color-gris-neutro);
  --salvia-color-text-auxiliary:var(--salvia-color-gris-neutro);
  --salvia-color-text-placeholder:var(--salvia-color-gris-neutro);
  --salvia-color-text-disabled:var(--salvia-color-gris-medio);
  --salvia-color-text-link:var(--salvia-color-azul-sura);
  --salvia-color-border-default:var(--salvia-color-card-border);
  --salvia-color-border-strong:var(--salvia-color-azul-cielo);
  --salvia-color-border-focus:var(--salvia-color-focus-ring);
  --salvia-color-border-error:var(--salvia-color-error-border);
  --salvia-color-semantic-success:var(--salvia-color-clinical-success);
  --salvia-color-semantic-success-bg:var(--salvia-bg-aqua-light);
  --salvia-color-semantic-warning:var(--salvia-color-clinical-warning);
  --salvia-color-semantic-warning-bg:var(--salvia-bg-yellow-light);
  --salvia-color-semantic-error:var(--salvia-color-clinical-error);
  --salvia-color-semantic-error-bg:var(--salvia-bg-offwhite);
  --salvia-color-semantic-info:var(--salvia-color-azul-vivo);
  --salvia-color-semantic-info-bg:var(--salvia-bg-blue-light);
  --salvia-color-semantic-neutral:var(--salvia-color-gris-neutro);
  --salvia-color-semantic-neutral-bg:var(--salvia-bg-gray-light);
  --salvia-color-semantic-success-text:var(--salvia-color-azul-sura);
  --salvia-color-semantic-warning-text:var(--salvia-color-azul-sura);
  --salvia-color-semantic-error-text:var(--salvia-color-error-text);
  --salvia-color-semantic-warning-border:var(--salvia-color-amarillo-suave);
  --salvia-color-semantic-primary-subtle:var(--salvia-bg-blue-light);
  --salvia-color-semantic-primary-subtle-text:var(--salvia-color-azul-sura);
  --salvia-color-appointment-consultation-background:var(--salvia-bg-blue-light);
  --salvia-color-appointment-consultation-border:var(--salvia-color-azul-vivo);
  --salvia-color-appointment-consultation-text:var(--salvia-color-azul-sura);
  --salvia-color-appointment-procedure-background:var(--salvia-bg-yellow-light);
  --salvia-color-appointment-procedure-border:var(--salvia-color-amarillo-alegre);
  --salvia-color-appointment-procedure-text:var(--salvia-color-azul-sura);
  --salvia-color-appointment-treatment-background:var(--salvia-bg-aqua-light);
  --salvia-color-appointment-treatment-border:var(--salvia-color-aqua);
  --salvia-color-appointment-treatment-text:var(--salvia-color-azul-sura);
  --salvia-color-appointment-emergency-background:var(--salvia-bg-offwhite);
  --salvia-color-appointment-emergency-border:var(--salvia-color-error-border);
  --salvia-color-appointment-emergency-text:var(--salvia-color-error-text);
  --salvia-color-appointment-laboratory-background:var(--salvia-bg-aqua-light);
  --salvia-color-appointment-laboratory-border:var(--salvia-color-aqua);
  --salvia-color-appointment-laboratory-text:var(--salvia-color-azul-sura);
  --salvia-color-appointment-telemedicine-background:var(--salvia-bg-blue-light);
  --salvia-color-appointment-telemedicine-border:var(--salvia-color-azul-cielo);
  --salvia-color-appointment-telemedicine-text:var(--salvia-color-azul-sura);
  --salvia-color-appointment-administrative-background:var(--salvia-bg-gray-light);
  --salvia-color-appointment-administrative-border:var(--salvia-color-gris-neutro);
  --salvia-color-appointment-administrative-text:var(--salvia-color-body);
}

/* User preference: dark theme. The 1.2.0 brand tokens remain unchanged; these aliases adapt surfaces and text only. */
html[data-theme="dark"]{
  --salvia-color-background-default:#071A3A;
  --salvia-color-background-surface:#0D2858;
  --salvia-color-background-secondary:#163B72;
  --salvia-color-background-sidebar-dark:#071A3A;
  --salvia-color-background-sidebar-hover:#163B72;
  --salvia-color-background-sidebar-divider:#214A86;
  --salvia-color-background-surface-translucent:rgba(13,40,88,.96);
  --salvia-color-text-primary:#F8FAFF;
  --salvia-color-text-secondary:#C9D8F4;
  --salvia-color-text-auxiliary:#B5C8EA;
  --salvia-color-border-default:#214A86;
  --salvia-color-card-border:#214A86;
  --salvia-color-body:#F8FAFF;
}