/* Flowplan colours – flowplan.org/brand */
:root {
  /* Brand colours */
  --flowplan-core-ultramarine: #3b3fd8; /* Accent, links, buttons */
  --flowplan-core-deep-ultramarine: #2c2fb5; /* Hover, strong accent */
  --flowplan-core-gradient-start: #4146e6; /* Icon, top left */
  --flowplan-core-gradient-end: #6a3fe0; /* Icon, bottom right */
  --flowplan-core-signal: #f0663a; /* Sparingly: dots, highlights */
  /* Paper (light) */
  --flowplan-light-paper: #fcfbf8; /* Background */
  --flowplan-light-surface: #f6f4ef; /* Cards, panels */
  --flowplan-light-border: #e4e0d6; /* Borders, dividers */
  --flowplan-light-ink: #1d1c22; /* Text, wordmark */
  --flowplan-light-muted: #6f6b77; /* Secondary text */
  --flowplan-light-accent-tint: #ecebfc; /* Highlight, selection */
  /* Night (dark) */
  --flowplan-dark-night: #16151b; /* Background */
  --flowplan-dark-surface: #1d1c23; /* Cards, panels */
  --flowplan-dark-border: #2e2c35; /* Borders, dividers */
  --flowplan-dark-chalk: #ecebf1; /* Text, wordmark */
  --flowplan-dark-light-ultramarine: #959bff; /* Accent on dark */
  --flowplan-dark-signal: #ff8a5c; /* Sparingly on dark */
  --flowplan-gradient: linear-gradient(135deg, #4146e6, #6a3fe0);
}