/* Sistema Joseilson — Design Tokens
   Paleta e escalas próprias (não copiadas de nenhum outro projeto). */
:root{
  /* Superfícies — evolução mais neutra/contemporânea (menos amarelada que a v1) */
  --bg-page:#F1F0ED;
  --bg-surface:#FFFFFF;
  --bg-surface-alt:#F7F7F5;
  --bg-sidebar:#0F2A2C;
  --bg-sidebar-active:#154B48;
  --bg-shine:#F4F3F0;

  /* Cor de destaque (teal/petróleo) — mantida */
  --accent-100:#D7EAE6;
  --accent-500:#0F7A72;
  --accent-600:#0B5F59;
  --accent-700:#083F3B;

  /* Texto / neutros — mesma família, com menos viés amarronzado */
  --ink-900:#1C1B1A;
  --ink-700:#48443F;
  --ink-500:#857D72;
  --ink-300:#C2BBAE;

  /* Bordas — mais suaves */
  --line-soft:rgba(28,27,25,.09);
  --line-strong:rgba(28,27,25,.20);

  /* Semânticas (fundo + texto) */
  --success-fg:#0F7D53; --success-bg:#DCF1E3;
  --warning-fg:#8A5A12; --warning-bg:#FBEAD1;
  --danger-fg:#9C3327;  --danger-bg:#FBE3E0;
  --info-fg:#0B5F59;    --info-bg:#D7EAE6;

  /* Tipografia */
  --font-sans:'Supreme','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --font-mono:'Space Mono',ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;

  --text-xs:11px;
  --text-sm:12.5px;
  --text-base:14px;
  --text-md:15px;
  --text-lg:18px;
  --text-xl:22px;
  --text-2xl:28px;

  /* Espaçamento (escala base 4px) */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;

  /* Bordas arredondadas */
  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:14px;
  --radius-xl:20px;
  --radius-pill:999px;

  /* Sombras */
  --shadow-sm:0 1px 2px rgba(28,27,25,.06);
  --shadow-md:0 6px 16px rgba(28,27,25,.08);
  --shadow-lg:0 18px 40px rgba(28,27,25,.16);

  /* Layout */
  --sidebar-w:248px;
  --topbar-h:60px;

  --ease:.16s ease;

  /* Breakpoints de referência (documentação — usados nos @media abaixo) */
  --bp-tablet:1080px;
  --bp-mobile:640px;
}