/**
 * Athena - custom-sample.css  (TEMPLATE - not loaded by the site; SHARED: identical in
 * Athena, AthenaCalm and AthenaEnergetic)
 *
 * The theme ships THIS file, never a custom.css, so re-uploading the theme folder can never
 * overwrite a client's own styles. CEInstallScript.cfm copies it to custom.css the first time it
 * runs on a server (and never again); header.cfm links custom.css only when it exists.
 *
 * custom.css is the CLIENT'S file: edit it on the server, and keep a copy of every client's
 * version in ../repo-docs/themes/client-assets/<Client>/custom.css - there is no other backup.
 * It lives in the server's theme folder, so every site (node) on that server that uses this
 * theme shares it. Do not FTP a local custom.css over the client's.
 *
 * ---------------------------------------------------------------------------------------------
 * BRAND LOOK FIRST: set the brand colours and fonts in Site Admin > Brand Look - no CSS, and
 * sub-sites inherit the main site's look. Once Brand Look sets a brand primary or secondary,
 * Athena's accent colours, tiles and bands derive from the client's two colours, and a primary
 * too light for white text is deepened automatically for buttons and links (styles/tokens.css).
 * Anything set here wins over Brand Look, so do NOT repeat the brand colours or fonts here, or
 * Brand Look changes will appear to do nothing. A colourway WITHOUT Brand Look has to set the
 * derived colours too (the tiles, bands and footer in tokens.css), not just the two brand ones.
 * ---------------------------------------------------------------------------------------------
 * Tokens you may want to adjust here (each theme's colour scheme is in its styles/tokens.css,
 * the shared type, spacing and shape tokens at the top of styles/theme.css):
 *
 * :root {
 *     --head-weight: 400;          heading weight (300 by default)
 *     --r-card: 12px;              tiles and cards (18px)
 *     --r-panel: 16px;             mission card, photos, newsletter panel (22px)
 *     --band: #F6F5F1;             alternating section background
 *     --footer: #10261B;           footer background (keep its text at 4.5:1: --footer-text)
 *     --t2-bg: #8A3B12;            an impact tile's fill; set its --t2-num / --t2-fg too
 * }
 *
 * EVERY TILE AND BAND CARRIES ITS OWN TEXT COLOUR (--tN-bg / --tN-num / --tN-fg, --mission-*,
 * --quotes-*). If you change a fill, check its text colours reach 4.5:1 (3:1 for the big
 * numbers).
 *
 * TURN SEARCH OFF:  .at-utility__search, .at-menu__search { display: none; }
 * TURN SCROLL MOTION OFF:  .mo .rv, .mo .at-involved li { opacity: 1 !important; transform: none !important; }
 * HIDE THE BAR MARK IN A TEXT-ONLY LOGO:  .at-logo__mark { display: none; }
 * ---------------------------------------------------------------------------------------------
 */

/* Fonts (optional): load the brand's Google fonts here - @import must stay at the very top.
@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400;500&family=Lato:wght@400;700&display=swap");
*/

/* Client-specific rules below this line */