/*
 * Flook brand colours, taken from the dashboard (flook-frontend):
 *   #614DBF  Flook purple: logo, Tailwind purple-300/800, upgrade banner
 *   #9988EA  light Flook purple: Tailwind purple-100 (used for dark mode, where #614DBF is too dark to read)
 *   #0F172A  near-black: the dashboard's primary buttons and badges
 * Font: Inter (set in zensical.toml), the dashboard's body font.
 */

:root > * {
  --md-primary-fg-color: #614dbf;
  --md-primary-fg-color--light: #9988ea;
  --md-primary-fg-color--dark: #4b3a9c;
  --md-accent-fg-color: #614dbf;
  --md-accent-fg-color--transparent: rgba(97, 77, 191, 0.1);
  --md-typeset-a-color: #614dbf;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #9988ea;
  --md-primary-fg-color--light: #b8acf1;
  --md-primary-fg-color--dark: #614dbf;
  --md-accent-fg-color: #b8acf1;
  --md-accent-fg-color--transparent: rgba(153, 136, 234, 0.15);
  --md-typeset-a-color: #b8acf1;
}