/*
 * Brand overrides, loaded at runtime (see docs/BRANDING.md).
 * Edit these values to re-theme the app; no code change is needed.
 * Forest green and warm cream, after the club's UI reference (docs/reference/ui-showcase.png) and the cover
 * illustration (butter sky, sage pills, ochre wood). Sand marks selected sections; leaf is for botanical line
 * art only, never text. The logo's red and green stay inside the logo. Every text colour pair passes WCAG AA (src/brand/palette.test.ts).
 */
/* IBM Plex Sans Arabic and Oswald are bundled with the app (src/main.tsx); no font is loaded from elsewhere. */

:root {
  --color-cream: #fbf4e1;
  --color-paper: #fffbf2;
  --color-line: #eadfc4;
  --color-field: #94866a;
  --color-ink: #1c2b24;
  --color-muted: #5d5446;
  --color-forest: #1e4d3b;
  --color-forest-deep: #143528;
  --color-forest-soft: #2b6450;
  --color-butter: #f3dc94;
  --color-butter-soft: #faefc9;
  --color-sand: #f3e8d2;
  --color-leaf: #6b8f4e;
  --color-sage: #cfe1d5;
  --color-sage-deep: #2f5a4a;
  --color-ochre: #8a5716;
  --color-danger: #9b2219;
  --color-danger-soft: #fbe7e3;
  --color-warn-soft: #fbecc8;

  /* Admin sidebar art: botanical line art fading upwards, over --color-forest-deep. `none` turns it off. */
  --brand-sidebar-art: url('/brand/sidebar-botanical.svg');

  --font-sans: 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --font-display: 'Oswald', 'IBM Plex Sans Arabic', system-ui, sans-serif;
}