/* VITA / Grupo N — Identidade visual por instalação.
   Os valores de marca são injetados apenas a partir de HEX validados pelo Django.
   Os tokens funcionais ficam constantes entre clientes. */
:root {
  --brand-dark: #00002B;
  --brand-medium: #003761;
  --brand-light: #87AADE;
  /* Superfícies — valores originais aprovados */
  --surface-page: #F5F7F9;
  --surface-sidebar: #E9EDF1;
  /* Apoio institucional (independente das cores principais) */
  --brand-support-1: #EEF3F7;
  /* Papéis funcionais — independentes do valor HEX */
  --tab-rest: var(--neutral-02);
  --readonly-bg: var(--neutral-02);
  --surface-soft: var(--surface-page);
  --surface-border: var(--neutral-04);
  --status-success: #197343;
  --status-warning: #996B16;
  --status-error: #A33A3A;
  --status-information: #003761;
  /* =============================================================
     Estados funcionais: independentes das 7 paletas institucionais.
     Cores originais preservadas para não perder semântica clínica.
     ============================================================= */
  --status-error-bg: #FFF7F7;
  --status-error-soft-bg: #FFF5F5;
  --status-error-border: #EFD4D4;
  --status-success-bg: #F0F7F2;
  --status-success-border: #CDDFD3;
  --status-success-text: #4F725A;

  /* Estados da agenda — cores semânticas, não institucionais. */
  --appointment-marcada-bg: #F2E8F8;
  --appointment-marcada-accent: #9A72B7;
  --appointment-confirmada-bg: #E5F0FA;
  --appointment-confirmada-accent: #5B91BF;
  --appointment-presente-bg: #F6EDDA;
  --appointment-presente-accent: #BC9357;
  --appointment-realizada-bg: #E5F3E8;
  --appointment-realizada-accent: #669873;
  --appointment-cancelada-bg: #F9E6E6;
  --appointment-cancelada-accent: #C86666;
  --appointment-faltou-bg: #ECEFF2;
  --appointment-faltou-accent: #7C8791;
  /* Compatibilidade com o CSS VIKI existente */
  --viki-blue: var(--institutional-11);
  --viki-blue-deep: var(--institutional-12);
  --viki-light-blue: var(--institutional-09);
  --viki-cream: var(--surface-beige);
  --viki-white: var(--universal-white);
  --viki-text: var(--neutral-11);
  --viki-muted: var(--neutral-08);
  --viki-border: var(--surface-border);
}
/* Sem alterações de layout ou tipografia; apenas tokens cromáticos. */

/* =========================================================
   VITA LAB — 7 paletas institucionais / 12 níveis
   2026-10-15 · Barra lateral. Não muda fundos estruturais.
   O atributo data-vita-palette é colocado no elemento <html>.
   Sem atributo, a paleta de origem é a azul Nmedicinas.
   ========================================================= */
:root {
  --institutional-01: #EEF8FF;
  --institutional-02: #C8E7FF;
  --institutional-03: #A5D6FB;
  --institutional-04: #89C3F0;
  --institutional-05: #74B1E1;
  --institutional-06: #5F9FD1;
  --institutional-07: #4A8CC0;
  --institutional-08: #397AAE;
  --institutional-09: #27699C;
  --institutional-10: #185889;
  --institutional-11: #0C4775;
  --institutional-12: #003761;
  /* Fundo fixo suave, inspirado na primeira versão aprovada. */
  --surface-sidebar: #E9EDF1;
  --neutral-sidebar: #E9EDF1;
  /* Escala estrutural neutra, independente das sete identidades. */
  --neutral-01: #F8F9FA;
  --neutral-02: #F1F3F5;
  --neutral-03: #E9ECEF;
  --neutral-04: #DEE2E6;
  --neutral-05: #CED4DA;
  --neutral-06: #ADB5BD;
  --neutral-07: #868E96;
  --neutral-08: #6C757D;
  --neutral-09: #5C636A;
  --neutral-10: #495057;
  --neutral-11: #343A40;
  --neutral-12: #212529;
  /* Cores da barra lateral: sempre derivadas da paleta escolhida */
  --sidebar-brand: var(--institutional-12);
  --sidebar-subtitle: var(--institutional-09);
  --sidebar-text: var(--institutional-12);
  --sidebar-muted: var(--institutional-10);
  --sidebar-hover-bg: color-mix(in srgb, var(--institutional-02) 20%, var(--neutral-sidebar));
  --sidebar-active-bg: color-mix(in srgb, var(--institutional-03) 31%, var(--neutral-sidebar));
  --sidebar-active-indicator: var(--institutional-12);
  --sidebar-outline: color-mix(in srgb, var(--institutional-04) 22%, var(--neutral-sidebar));
  --sidebar-divider: color-mix(in srgb, var(--institutional-03) 20%, var(--neutral-sidebar));
  --sidebar-shadow: color-mix(in srgb, var(--institutional-12) 5%, transparent);
}

:root[data-vita-palette="azul"] {
  --institutional-01: #EEF8FF;
  --institutional-02: #C8E7FF;
  --institutional-03: #A5D6FB;
  --institutional-04: #89C3F0;
  --institutional-05: #74B1E1;
  --institutional-06: #5F9FD1;
  --institutional-07: #4A8CC0;
  --institutional-08: #397AAE;
  --institutional-09: #27699C;
  --institutional-10: #185889;
  --institutional-11: #0C4775;
  --institutional-12: #003761;
}

:root[data-vita-palette="vermelho"] {
  --institutional-01: #FCF5F6;
  --institutional-02: #FFDCE3;
  --institutional-03: #FBC6D0;
  --institutional-04: #E4B6C0;
  --institutional-05: #D6A4AE;
  --institutional-06: #C7939D;
  --institutional-07: #B9818C;
  --institutional-08: #AA707C;
  --institutional-09: #9D5F6B;
  --institutional-10: #924C59;
  --institutional-11: #863A48;
  --institutional-12: #7A2637;
}

:root[data-vita-palette="laranja"] {
  --institutional-01: #F9F6F3;
  --institutional-02: #EDE4DC;
  --institutional-03: #E0D2C6;
  --institutional-04: #D5C0AF;
  --institutional-05: #C9AE99;
  --institutional-06: #BE9D83;
  --institutional-07: #B28B6D;
  --institutional-08: #A77A57;
  --institutional-09: #9C6942;
  --institutional-10: #90582D;
  --institutional-11: #854718;
  --institutional-12: #783600;
}

:root[data-vita-palette="amarelo"] {
  --institutional-01: #F8F6F0;
  --institutional-02: #EBE6D4;
  --institutional-03: #DCD6C2;
  --institutional-04: #CDC7AD;
  --institutional-05: #BFB796;
  --institutional-06: #B1A87F;
  --institutional-07: #A49969;
  --institutional-08: #978A54;
  --institutional-09: #8A7B40;
  --institutional-10: #7D6C2D;
  --institutional-11: #705E19;
  --institutional-12: #635000;
}

:root[data-vita-palette="roxo"] {
  --institutional-01: #F8F5FB;
  --institutional-02: #E7E2ED;
  --institutional-03: #D7CFE0;
  --institutional-04: #C7BBD3;
  --institutional-05: #B8A9C7;
  --institutional-06: #A996BB;
  --institutional-07: #9A83AF;
  --institutional-08: #8B72A3;
  --institutional-09: #7C6098;
  --institutional-10: #6E4E8C;
  --institutional-11: #603C81;
  --institutional-12: #512B76;
}

:root[data-vita-palette="verde"] {
  --institutional-01: #F0F8F5;
  --institutional-02: #D2ECE1;
  --institutional-03: #BDDCD0;
  --institutional-04: #A2CFBD;
  --institutional-05: #84C2AA;
  --institutional-06: #70B399;
  --institutional-07: #5EA388;
  --institutional-08: #4B9478;
  --institutional-09: #3C8569;
  --institutional-10: #30765A;
  --institutional-11: #23674C;
  --institutional-12: #17583F;
}

:root[data-vita-palette="rosa"] {
  --institutional-01: #FBF5F8;
  --institutional-02: #EFE2E8;
  --institutional-03: #E3CFD8;
  --institutional-04: #D9BDC9;
  --institutional-05: #CEAABA;
  --institutional-06: #C298AC;
  --institutional-07: #B8869C;
  --institutional-08: #AD738E;
  --institutional-09: #A2617E;
  --institutional-10: #984F6F;
  --institutional-11: #8C3D60;
  --institutional-12: #812951;
}