/* Nort Company — cor
   Paleta oficial do manual: #2A5D68 (primária), #48A9A6 (apoio), #000000, #FFFFFF.
   Escalas e neutros derivados em oklch a partir das duas cores oficiais — nenhuma
   cor nova é introduzida na marca; as escalas existem apenas para a interface. */
:root {
  /* — Oficiais — */
  --nort-primary: #2a5d68;
  --nort-support: #48a9a6;
  --nort-black: #000000;
  --nort-white: #ffffff;

  /* — Primária (teal profundo) — */
  --primary-50: #eaf2f3;
  --primary-100: #d3e4e6;
  --primary-200: #a8c9cd;
  --primary-300: #7baeb4;
  --primary-400: #4e8a93;
  --primary-500: #2a5d68;
  --primary-600: #234e58;
  --primary-700: #1c3f47;
  --primary-800: #142e34;
  --primary-900: #0d1e22;

  /* — Apoio (teal claro) — */
  --support-50: #eaf7f6;
  --support-100: #d3efee;
  --support-200: #a9dfdd;
  --support-300: #7bcbc8;
  --support-400: #5fb9b6;
  --support-500: #48a9a6;
  --support-600: #3a8c8a;
  --support-700: #2e706e;
  --support-800: #235553;
  --support-900: #173937;

  /* — Neutros (cinzas com leve viés frio, harmônicos com a primária) — */
  --n-0: #ffffff;
  --n-25: #fafbfb;
  --n-50: #f5f7f7;
  --n-100: #edf0f0;
  --n-200: #e1e6e6;
  --n-300: #c9d1d1;
  --n-400: #a3adae;
  --n-500: #7c8788;
  --n-600: #5c6768;
  --n-700: #414a4b;
  --n-800: #2a3132;
  --n-900: #171c1c;
  --n-950: #0a0e0f;

  /* — Semânticas (dessaturadas, corporativas; nunca neon) — */
  --success-50: #eaf5ef;
  --success-100: #d2e9dc;
  --success-500: #1f7a5c;
  --success-600: #196349;
  --warning-50: #fbf3e6;
  --warning-100: #f5e4c6;
  --warning-500: #b4761f;
  --warning-600: #935f17;
  --danger-50: #fbeeec;
  --danger-100: #f5d9d5;
  --danger-500: #a8382f;
  --danger-600: #8b2c25;
  --info-50: var(--support-50);
  --info-100: var(--support-100);
  --info-500: var(--support-600);
  --info-600: var(--support-700);

  /* — Aliases semânticos: superfícies — */
  --surface-app: var(--n-50);
  --surface-card: var(--n-0);
  --surface-raised: var(--n-0);
  --surface-sunken: var(--n-100);
  --surface-inset: var(--n-25);
  --surface-hover: var(--n-50);
  --surface-active: var(--n-100);
  --surface-selected: var(--primary-50);
  --surface-inverse: var(--n-950);
  --surface-brand: var(--primary-500);
  --surface-brand-soft: var(--primary-50);
  --surface-accent-soft: var(--support-50);
  --surface-overlay: rgba(10, 14, 15, 0.48);

  /* — Aliases semânticos: barra lateral (preta, conforme o manual) — */
  --sidebar-bg: #0a0e0f;
  --sidebar-bg-alt: var(--primary-700);
  --sidebar-fg: rgba(255, 255, 255, 0.72);
  --sidebar-fg-strong: #ffffff;
  --sidebar-fg-muted: rgba(255, 255, 255, 0.44);
  --sidebar-item-hover: rgba(255, 255, 255, 0.07);
  --sidebar-item-active: rgba(72, 169, 166, 0.14);
  --sidebar-accent: var(--support-500);
  --sidebar-border: rgba(255, 255, 255, 0.09);

  /* — Aliases semânticos: texto — */
  --text-strong: var(--n-950);
  --text-body: var(--n-800);
  --text-muted: var(--n-600);
  --text-subtle: var(--n-500);
  --text-disabled: var(--n-400);
  --text-inverse: var(--n-0);
  --text-brand: var(--primary-500);
  --text-accent: var(--support-700);
  --text-link: var(--primary-500);
  --text-link-hover: var(--support-700);

  /* — Aliases semânticos: bordas — */
  --border-subtle: var(--n-200);
  --border-default: var(--n-300);
  --border-strong: var(--n-400);
  --border-brand: var(--primary-500);
  --border-focus: var(--support-500);
  --border-inverse: rgba(255, 255, 255, 0.14);

  /* — Estados / saúde de projeto — */
  --health-good-fg: var(--success-500);
  --health-good-bg: var(--success-50);
  --health-warn-fg: var(--warning-500);
  --health-warn-bg: var(--warning-50);
  --health-risk-fg: var(--danger-500);
  --health-risk-bg: var(--danger-50);
  --health-neutral-fg: var(--n-600);
  --health-neutral-bg: var(--n-100);

  /* — Séries de gráficos (derivadas da paleta, ordem fixa) — */
  --chart-1: var(--primary-500);
  --chart-2: var(--support-500);
  --chart-3: var(--primary-300);
  --chart-4: var(--n-400);
  --chart-5: var(--warning-500);
  --chart-6: var(--primary-800);
  --chart-grid: var(--n-200);
  --chart-axis: var(--n-500);
}

/* Variante opcional: barra lateral em #2A5D68 (também permitida pelo manual).
   Aplique a classe no elemento da barra lateral ou em um ancestral. */
.nort-sidebar-primary {
  --sidebar-bg: var(--primary-500);
  --sidebar-fg: rgba(255, 255, 255, 0.78);
  --sidebar-item-hover: rgba(255, 255, 255, 0.1);
  --sidebar-item-active: rgba(255, 255, 255, 0.16);
  --sidebar-accent: var(--support-300);
  --sidebar-border: rgba(255, 255, 255, 0.14);
}
