/* design tokens (Direction D, light). Dash loads assets alphabetically, so this file comes first; zz_theme.css, last, applies them. */
:root {
  --rv-ink:#111;  --rv-mute:#666;  --rv-faint:#8c8c8c;
  --rv-rule:#d6d6d6;  --rv-rule-soft:#e2e2e2;  --rv-wash:#f4f4f4;  --rv-paper:#fff;
  --rv-up:#1e7f4f;  --rv-down:#c62828;
  --rv-font:'IBM Plex Sans', system-ui, sans-serif;
  --rv-mono:'IBM Plex Mono', ui-monospace, monospace;
  --rv-top:10px;          /* space above the header row */
  --rv-tap:44px;          /* minimum touch target */
  --rv-pad:24px;          /* page gutter; 16px under 700px */
}
@media (max-width:700px) { :root { --rv-pad:16px; } }

/* Dash 4.4.1 themes its own components (dropdown, slider, checklist, loading) from these variables */
:root {
  --Dash-Text-Primary:var(--rv-ink);   --Dash-Text-Strong:var(--rv-ink);   --Dash-Text-Weak:var(--rv-mute);
  --Dash-Stroke-Strong:var(--rv-ink);  --Dash-Stroke-Weak:var(--rv-rule);
  --Dash-Fill-Inverse-Strong:var(--rv-paper);      --Dash-Fill-Interactive-Strong:var(--rv-ink);
  --Dash-Fill-Interactive-Weak:var(--rv-wash);     --Dash-Fill-Primary-Hover:var(--rv-wash);
  --Dash-Fill-Primary-Active:var(--rv-rule-soft);  --Dash-Fill-Disabled:var(--rv-wash);  --Dash-Text-Disabled:var(--rv-faint);
}