/* PABS theme colours — the one place to change the site's colours.
   Loaded before every other stylesheet by _Layout.cshtml and _AdminLayout.cshtml.
   Palette taken from the PABS logo (red #ff2443, green #01a446, yellow #dce53a, black #030304),
   with green as the main colour and red kept to small accents. */
:root {
  --pabs-primary: #018a3b;        /* brand colour (logo green, slightly deepened): buttons, links, accents */
  --pabs-dark: #16161d;           /* headings, dark backgrounds (logo black, softened) */
  --pabs-gold: #f1ae44;           /* gold accent */
  --pabs-gold-dark: #e7a642;      /* darker gold accent */
  --pabs-teal: #c8102e;           /* third accent: a calm deep red (was teal, which is not a logo colour) */
  --pabs-green: #01a446;          /* exact logo green, for accents */
  --pabs-text-muted: #616161;     /* secondary text */

  /* Hero areas. The two overlays are a see-through colour laid over the photo:
     color-mix(in srgb, <colour> N%, transparent) means "<colour> at N% strength",
     so a lower N lets more of the photo show through.
     To set one on its own, replace the whole value with any colour,
     e.g.  --pabs-banner-overlay: rgba(0, 60, 120, 0.75);  */
  --pabs-hero-overlay: color-mix(in srgb, var(--pabs-dark) 30%, transparent);      /* tint over the home page slider photo */
  --pabs-banner-overlay: color-mix(in srgb, var(--pabs-dark) 70%, transparent);    /* dark wash over the banner on inner pages */
  --pabs-hero-text: #fff;                                                          /* hero and banner headings and text */
  --pabs-gallery-from: #16161d;   /* Gallery page background gradient, top */
  --pabs-gallery-to: #018a3b;     /* Gallery page background gradient, bottom */

  --pabs-admin-sidebar: #16161d;  /* admin panel sidebar */
  --pabs-admin-accent: #018a3b;   /* admin panel accent */
}