/* Design tokens shared by every Slidia page (Jinja2 pages link this file;
   NiceGUI pages load it via prepare_page).

   The blue scale derives from the logo hue (#5898d4, hue 210): --primary is
   the darker step of the same hue so text and buttons on white meet WCAG AA
   (~5.7:1), while --brand keeps the logo's softer blue for decoration. */

:root {
  --brand: #5898d4;
  --primary: #33699f;
  --primary-tint: rgba(51, 105, 159, 0.08);

  --ink: #1f2937;
  --ink-soft: #6b7280;
  --ink-muted: #9ca3af;

  --line-strong: #d1d5db;
  --line: #e5e7eb;
  --line-soft: #f3f4f6;
  --hover: rgba(0, 0, 0, 0.05);

  --ok-bg: #e1f5ee;
  --ok-fg: #0f6e56;
  --warn-bg: #faeeda;
  --warn-fg: #854f0b;
  --negative: #c10015;
}