/*
  Default brand tokens. They apply until /theme.css (generated from Admin -> Brand) loads, and as a fallback if it fails.
  This file is the ONLY static stylesheet allowed to contain literal colours. Every other stylesheet uses var(--...).
*/
:root {
  --brand-primary: #2F6B2E;
  --brand-primary-rgb: 47 107 46;
  --brand-primary-hover: #2C5E2A;
  --brand-primary-active: #2A5628;
  --brand-primary-200: #C5D6C4;
  --brand-primary-100: #E2EAE2;
  --brand-primary-50: #F0F5F0;

  --brand-accent: #E07B1A;
  --brand-accent-rgb: 224 123 26;
  --brand-accent-hover: #BD6B1A;
  --brand-accent-100: #FBECDF;
  --brand-accent-50: #FDF6EF;

  --brand-ink: #1F2419;
  --brand-ink-rgb: 31 36 25;
  --brand-ink-700: #3A3E35;
  --brand-ink-500: #62665E;

  --surface: #F1F2E7;
  --surface-alt: #E8EBDF;
  --surface-card: #FFFFFF;
  --border: #D8D9CF;
  --border-strong: #C3C5B8;
  --on-primary: #FFFFFF;
  --on-accent: #1F2419;
  --focus-ring: rgb(47 107 46 / .35);
  --shadow-sm: 0 1px 2px rgb(31 36 25 / .08), 0 1px 1px rgb(31 36 25 / .04);
  --shadow-md: 0 8px 24px rgb(31 36 25 / .10);
  --shadow-lg: 0 18px 48px rgb(31 36 25 / .16);

  /* Meaning colours: independent of the logo, never regenerated. */
  --ok: #1E7B34;
  --ok-bg: #E4F4E8;
  --warn: #8A5A00;
  --warn-bg: #FFF3D6;
  --danger: #B3261E;
  --danger-bg: #FCE8E6;
  --info: #1F5FA8;
  --info-bg: #E5EFFA;
}