:root {
  /* Cores - tema claro "papel", baixo contraste para leitura prolongada */
  --bg: #f6f4ef;
  --bg-elev: #efebe3;
  --surface: #fffdf9;
  --surface-glass: rgba(255, 253, 249, 0.75);
  --border: #e2ddd1;
  --text: #2e2c28;
  --text-dim: #7a766d;
  /* AÇÃO / interativo = ardósia (antes era laranja). Um token só muda hovers,
     foco, estados ativos, destaques e botões primários em TODAS as telas. */
  --accent: #356b78;
  --accent-hover: #2a5560;
  --accent-soft: rgba(53, 107, 120, 0.12);
  --on-accent: #fff;   /* texto/ícone SOBRE o fundo de acento (botões, bolha) — escuro inverte */
  /* MARCA = laranja, agora reservado (logo). Usar --brand quando quiser o laranja. */
  --brand: #d9650f;
  --brand-hover: #b8540c;
  /* cor dos ícones (top bar) */
  --icon: #356b78;
  --icon-hover: #2a5560;
  --success: #2f9e5b;
  --danger: #c0392b;
  --warning: #b7860b;
  /* destaque de termos encontrados (busca / filtro) — quente e evidente, mas no clima da paleta */
  --mark: #ffd75e;
  --mark-ink: #4a3a00;

  /* Tipografia */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-title: var(--font);   /* fonte do NOME da tela — temas podem trocar por serifa */
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 28px;

  /* Espacos */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* Raios e sombras */
  --radius: 10px;
  --radius-sm: 6px;
  --radius-lg: 16px;
  --shadow: 0 4px 16px rgba(60, 50, 30, 0.08);
  --shadow-glass: 0 4px 20px rgba(60, 50, 30, 0.10);
  --blur: blur(12px);

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

/* ============ TEMAS / PALETAS (trocáveis na tela de Ajustes) ============ */
/* "Tinta & Linho" — base fria/linho, acento azul-tinta, NOME da tela em serifa */
[data-theme="tinta"]{
  --bg:#eef0ee; --bg-elev:#e4e7e4; --surface:#fbfcfb; --surface-glass:rgba(251,252,251,.75);
  --border:#d6dad7; --text:#24262a; --text-dim:#6b6e72;
  --accent:#2f4a6b; --accent-hover:#243b56; --accent-soft:rgba(47,74,107,.12);
  --icon:#2f4a6b; --icon-hover:#243b56; --on-accent:#fff;
  --mark:#ffd75e; --mark-ink:#4a3a00; --shadow:0 4px 18px rgba(40,50,70,.10);
  --font-title:"Iowan Old Style","Palatino Linotype",Georgia,serif;
}
/* "Brasa Noturna" — escuro quente (carvão sépia), acento âmbar que brilha */
[data-theme="brasa"]{
  --bg:#201d19; --bg-elev:#2a2620; --surface:#292520; --surface-glass:rgba(41,37,32,.78);
  --border:#3a352d; --text:#f2ecdf; --text-dim:#c8c0b0;   /* +nitidez: dim clareado de #a49c8c → #c8c0b0 (Paulo 05/jul) */
  --accent:#d99a3c; --accent-hover:#e8a94a; --accent-soft:rgba(217,154,60,.16);
  --icon:#d99a3c; --icon-hover:#e8a94a; --on-accent:#231f1a;
  --mark:#ffce5c; --mark-ink:#2a2008;
  --shadow:0 8px 22px rgba(0,0,0,.45); --shadow-glass:0 8px 26px rgba(0,0,0,.5);
  --success:#5fbf86; --danger:#e07a6e; --warning:#e0b24f;
}
/* Brasa: placeholders com nitidez (o browser aplica opacidade ~54% por padrão → some no escuro) — Paulo 05/jul */
[data-theme="brasa"] ::placeholder{ color:#b7ae9d; opacity:1; }
[data-theme="brasa"] :-ms-input-placeholder{ color:#b7ae9d; }
[data-theme="brasa"] ::-webkit-input-placeholder{ color:#b7ae9d; }