/* Lonntra · tokens de design v1.0 · outubro 2026 */
:root {
  /* marca */
  --lt-atlantico: #0E2A3B;
  --lt-mare: #0F6E68;
  --lt-sinal: #F2A93B;
  --lt-sal: #F4F6F5;
  --lt-basalto: #1B2126;
  --lt-pedra: #5B6B70;
  --lt-bruma: #DCE3E1;
  --lt-mare-clara: #DDEFEC;

  /* semânticos */
  --bg-app: var(--lt-sal);
  --bg-surface: #FFFFFF;
  --bg-subtle: #EEF1F0;
  --bg-nav: var(--lt-atlantico);
  --bg-nav-active: #163B50;
  --text-strong: var(--lt-atlantico);
  --text-body: var(--lt-basalto);
  --text-muted: var(--lt-pedra);
  --text-on-dark: var(--lt-sal);
  --text-on-dark-muted: #A9BCC4;
  --border: var(--lt-bruma);
  --border-subtle: #E7ECEA;
  --action: var(--lt-mare);
  --action-hover: #0B5A55;
  --focus-ring: 0 0 0 3px rgb(15 110 104 / .35);

  /* estados (sólido / fundo) */
  --ok: #1E7A4C;      --ok-bg: #E3F1E9;
  --warn: #F2A93B;    --warn-bg: #FCEFD8;
  --danger: #B3362A;  --danger-bg: #F7E1DE;

  /* tipografia (Google Fonts) */
  --font-display: 'Bricolage Grotesque', 'Helvetica Neue', sans-serif;
  --font-sans: 'IBM Plex Sans', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* forma */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --shadow-1: 0 1px 2px rgb(14 42 59 / .06);
  --shadow-2: 0 12px 32px rgb(14 42 59 / .12);

  /* layout */
  --sidebar-w: 264px;
  --topbar-h: 64px;
  --content-max: 1280px;
}