/* FoodHaatch V2 brand palette.
   Single source of truth for brand colours, exposed as CSS custom properties on
   :root. Link this (cache-busted) on any page that should pick up the brand
   look — the section landing pages and the section placeholders. Kept separate
   from the dashboard's own :root so it can be adopted page by page. */
:root {
  --brand:        #0F6E56;   /* teal — nav, headers, primary buttons */
  --brand-light:  #5DCAA5;
  --brand-pale:   #E1F5EE;
  --brand-dark:   #085041;

  --accent:       #7F77DD;   /* purple — highlights, links, selected states */
  --accent-pale:  #EEEDFE;
  --accent-dark:  #3C3489;

  --warn:         #FAC775;   /* amber — attention flags only */
  --warn-text:    #633806;
  --danger:       #E24B4A;   /* red — urgent/overdue only */

  --bg:           #FAF7F0;   /* warm off-white page background */
  --text:         #2C2C2A;
  --text-muted:   #5F5E5A;
}