/* tokens.css — design tokens. The base values are IDENTICAL in the old Notes and Writer; the nav/crimson-lite/danger
   tokens are new (approved shell design, 01/10/2026). <html data-theme> is always "light" or "dark" (core/theme.js). */
:root {
  color-scheme: light;
  --crimson: #C21234;
  --navy: #021E35;
  --bg: #f4f6f8;
  --panel: #ffffff;
  --panel-2: #f0f3f6;
  --border: #d9e0e7;
  --text: #021E35;
  --muted: #5d6b7a;
  --accent: #C21234;
  --danger: #C21234;
  --todo: #C21234;
  --event: #1f7a4d;
  --note: #3a5a8c;
  --ok: #1f7a4d;
  --warn-bg: #fff6dd; --warn-border: #f0d58a; --warn-text: #5a4300;   /* "Conferir antes de enviar" boxes of the Escrever */

  /* shell */
  --nav-bg: #021E35;
  --nav-text: rgba(255,255,255,.72);
  --nav-group: rgba(255,255,255,.60);
  --nav-hover: rgba(255,255,255,.08);
  --nav-active: rgba(255,255,255,.13);
  --crimson-lite: #FF6B81;       /* crimson on navy is only 2.77:1; this one is 6.19:1 */
  --sidebar-w: 232px;
  --topbar-h: 56px;
  --bottombar-h: 56px;
  --bottom-offset: 0px;          /* the mobile bottom bar height; floating things sit above it */
  --board-offset: 204px;         /* viewport height the board columns leave for the top bar and the panel above them */
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0f1923; --panel: #16242f; --panel-2: #1f3040;
  --border: #2c3f52; --text: #e7eef5; --muted: #9bacbf;
  --danger: #ff8a8a;
  --warn-bg: #2c2310; --warn-border: #5a4520; --warn-text: #f0c97a;
}
:root[data-sidebar="rail"] { --sidebar-w: 64px; }
@media (max-width: 860px) {
  :root { --bottom-offset: calc(var(--bottombar-h) + env(safe-area-inset-bottom, 0px)); --board-offset: 0px; }
}