/* Design tokens: brand palette and elevation.
   Fonts are loaded non-blocking from layouts/application.html.erb.
   Trix styles come from actiontext.css, served automatically by Propshaft. */

:root {
  /* Brand Colours */
  --primary-colour: #4f785a;
  --background-colour: #f9f6f1;
  --text-colour: #2c2c2c;
  --secondary-colour: #e4572e;
  --neutral-colour: #e5e3dc;
  --highlight-colour: #f2b134;

  /* Extended Brand Palette */
  --white: #ffffff;
  --light-grey: #f8f9fa;
  --medium-grey: #6b6c6d;
  --text-secondary: #6b6c6d;

  /* Elevation */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.15);
}