/* Nesk app brand palette. Kept independent of static-site/brand-tokens.css.
   Edit these values to experiment; status colours live in styles.css.
   Alpha variants follow primary automatically. There is no separate active
   or secondary palette today, so no new visual states are introduced.
   The mark historically uses a lighter blue: set --brand-mark to
   var(--brand-primary) if you want it to match the primary accent.
   Standalone browser-tab favicons cannot inherit these page variables. */
:root {
  --brand-primary: #006DFF;
  --brand-primary-hover: #001E68;
  --brand-primary-soft: color-mix(in srgb, var(--brand-primary) 5.5%, transparent);
  --brand-primary-border: color-mix(in srgb, var(--brand-primary) 28%, transparent);
  --brand-primary-focus: color-mix(in srgb, var(--brand-primary) 14%, transparent);
  --brand-on-primary: #FFFFFF;
  --brand-mark: #4F8CFF;
}

/* :root {
  --brand-primary: #478948;
  --brand-primary-hover: #1D381D;
  --brand-primary-soft: color-mix(in srgb, var(--brand-primary) 5.5%, transparent);
  --brand-primary-border: color-mix(in srgb, var(--brand-primary) 28%, transparent);
  --brand-primary-focus: color-mix(in srgb, var(--brand-primary) 14%, transparent);
  --brand-on-primary: #FFFFFF;
  --brand-mark: #6CB36D;
} */