:root {
  /* Official logo colors */
  --mekstep-logo-green: #65CB5E;
  --mekstep-black: #000000;
  --mekstep-white: #FFFFFF;

  /* Derived application palette */
  --mekstep-green-50: #F2FBF1;
  --mekstep-green-100: #E1F6DE;
  --mekstep-green-200: #C3EDBE;
  --mekstep-green-300: #9FE097;
  --mekstep-green-400: #65CB5E;
  --mekstep-green-500: #49B843;
  --mekstep-green-600: #379532;
  --mekstep-green-700: #2F772B;
  --mekstep-green-800: #285F25;
  --mekstep-green-900: #224F20;

  /* Semantic tokens */
  --brand-primary: var(--mekstep-green-700);
  --brand-primary-hover: var(--mekstep-green-800);
  --brand-primary-soft: var(--mekstep-green-50);
  --brand-logo-accent: var(--mekstep-logo-green);
  --brand-background: #F7FAF7;
  --brand-surface: #FFFFFF;
  --brand-sidebar: #111A14;
  --brand-text: #111411;
  --brand-text-muted: #667066;
  --brand-border: #DFE7DF;
  --brand-success: #2F772B;
  --brand-warning: #B7791F;
  --brand-danger: #C73A3A;
}

/*
Accessibility:
- #65CB5E with white text has insufficient contrast for normal text.
- Use dark text on #65CB5E.
- Use --brand-primary (#2F772B) for buttons with white text.
*/