/**
 * Keystone - custom-sample.css  (TEMPLATE - not loaded by the site; SHARED: identical in
 * KeystoneMetallic, KeystoneSnowy and KeystoneFlat)
 *
 * 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. Keystone reads its four inputs from there
 * (styles/tokens.css) and re-derives the Deep colour (utility bar, footer, contact card) and the
 * events band from the brand primary. 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.
 * Keystone expects a LIGHT brand secondary (all three defaults are light): text on it is dark.
 * ---------------------------------------------------------------------------------------------
 * Tokens you may want to adjust here (each theme's defaults are in its styles/tokens.css):
 *
 * :root {
 *     --ks-heading-weight: 400;    the heading weight (Metallic 500, Snowy 400, Flat 300)
 *     --ks-radius: 8px;            corner radius (Metallic 12px, Snowy 4px, Flat 8px)
 *     --ks-deep: #2E3A5C;          utility bar, footer, contact card - fixed instead of derived
 *     --ks-events-bg: #EDE8F5;     events band, table headers - fixed instead of derived
 *     --ks-panel-bg: #ADBBDA;      image-band text panel (default: the brand secondary)
 * }
 *
 * COLOURWAY WITHOUT BRAND LOOK: set --ks-primary and --ks-secondary, and also --ks-deep and
 * --ks-events-bg (the derived versions follow Brand Look only), for example
 *     --ks-deep: color-mix(in oklab, var(--ks-primary) 72%, #05060a);
 *     --ks-events-bg: color-mix(in oklab, var(--ks-primary) 11%, #fff);
 * --ks-primary is used for links and small text, so it needs at least 4.5:1 on white.
 *
 * TURN SEARCH OFF:  .ks-utility__search, .ks-search-open, .ks-menu__search { display: none; }
 * HIDE THE LETTER MARK IN A TEXT-ONLY LOGO:  .ks-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 */