:root {
  /* Base — cores absolutas da marca */
  --ns-petrol: #14434F;        /* petróleo: cor de ação e identidade */
  --ns-petrol-hover: #1C5563;
  --ns-ink: #1C2B31;           /* tinta: títulos e texto forte */
  --ns-orange: #B4620F;        /* laranja: ACENTO (barras, destaques, estados ativos) — nunca botão paralelo */
  --ns-orange-hover: #C97313;
  --ns-orange-text: #9A530C;   /* laranja escurecido: única versão permitida em texto pequeno (AA) */
  --ns-white: #FFFFFF;         /* superfícies e box interno do logo (absoluto, nunca se adapta) */
  --ns-paper: #FAF7F1;         /* papel quente: fundo padrão do site */
  --ns-sand: #EFE9DD;          /* hover de superfícies claras */
  --ns-neutral: #6B7A80;       /* texto secundário, legendas */
  --ns-body-text: #3C4B51;     /* texto corrido */
  --ns-border: #E5DFD4;        /* bordas em fundo claro */
  --ns-border-input: #C9C0B0;

  /* Semânticos — modo claro */
  --bg-page: var(--ns-paper);
  --surface-card: var(--ns-white);
  --surface-inverse: var(--ns-petrol);
  --text-title: var(--ns-ink);
  --text-body: var(--ns-body-text);
  --text-muted: var(--ns-neutral);
  --text-on-dark: var(--ns-paper);
  --action-primary: var(--ns-petrol);
  --action-primary-hover: var(--ns-petrol-hover);
  --accent: var(--ns-orange);
  --accent-text: var(--ns-orange-text);
  --border-default: var(--ns-border);
  --border-input: var(--ns-border-input);
  --focus-ring: var(--ns-petrol);
}

/* Modo escuro — mesma marca com a luz apagada */
[data-theme="dark"] {
  --bg-page: #10262E;
  --surface-card: #16333D;
  --surface-inverse: #16333D;
  --text-title: #EDF2F3;
  --text-body: #C3D0D4;
  --text-muted: #7E939B;
  --text-on-dark: #EDF2F3;
  --action-primary: #1C5563;
  --action-primary-hover: #26697A;
  --accent: #D9853B;           /* laranja sobe no escuro */
  --accent-text: #D9853B;
  --border-default: #1C3B46;
  --border-input: #2A4A55;
  --focus-ring: #D9853B;
}