/* =========================================================
   William Loughran — brand tokens
   Loaded after /css/brand.css when themeKey = wl
========================================================= */

:root {
    /* Core palette */
    --wl-black: #050505;
    --wl-ink: #4c5155;
    --wl-charcoal: #2b2b2b;
    --wl-mid-grey: #777777;
    --wl-soft-grey: #eeeeee;
    --wl-warm-grey: #f6f4f1;
    --wl-white: #ffffff;
    --wl-gold: #b59a5b;
    /* Fonts */
    --ps-font-body: 'Open Sans', Arial, Helvetica, sans-serif;
    --ps-font-heading: 'Open Sans', Arial, Helvetica, sans-serif;
    /* PotionStarter semantic roles */
    --ps-primary: var(--wl-black);
    --ps-secondary: var(--wl-soft-grey);
    --ps-accent: var(--wl-gold);
    --ps-surface: var(--wl-white);
    --ps-muted: var(--wl-warm-grey);
    --ps-ink: var(--wl-ink);
    --ps-ink-contrast: var(--wl-white);
    --ps-inverse-bg: var(--wl-black);
    --ps-inverse-text: var(--wl-white);
    /* Links */
    --ps-link: var(--wl-black);
    --ps-link-hover: var(--wl-gold);
    /* Header / footer */
    --ps-header-bg: var(--wl-white);
    --ps-footer-bg: var(--wl-black);
    --ps-footer-link: rgba(255,255,255,.72);
    --ps-footer-link-hover: var(--wl-white);
    --ps-footer-muted: rgba(255,255,255,.52);
    /* Header nav */
    --ps-header-link-primary: var(--wl-black);
    --ps-header-link-secondary: var(--wl-black);
    --ps-header-link-accent: var(--wl-gold);
    --ps-header-link-muted: rgba(0,0,0,.55);
    --ps-header-link-hover: var(--wl-gold);
    /* Buttons */
    --ps-btn-primary-bg: var(--wl-black);
    --ps-btn-primary-text: var(--wl-white);
    --ps-btn-primary-hover-bg: var(--wl-gold);
    --ps-btn-primary-hover-text: var(--wl-black);
    --ps-btn-secondary-bg: transparent;
    --ps-btn-secondary-text: var(--wl-black);
    --ps-btn-secondary-hover-bg: var(--wl-black);
    --ps-btn-secondary-hover-text: var(--wl-white);
    --ps-btn-accent-bg: var(--wl-gold);
    --ps-btn-accent-text: var(--wl-black);
    --ps-btn-accent-hover-bg: var(--wl-black);
    --ps-btn-accent-hover-text: var(--wl-white);
    /* Bootstrap alignment */
    --bs-primary: var(--ps-primary);
    --bs-secondary: var(--ps-secondary);
    --bs-link-color: var(--ps-link);
    --bs-link-hover-color: var(--ps-link-hover);
}