/* Sitewide button palette. Change colors here, not in individual page sheets.
   Important declarations in this layer outrank the imported pages' unlayered
   important rules. Only colors are owned here; layout remains with each design. */
@layer site-buttons {
  :root {
    --button-primary-bg: #00649c;
    --button-primary-hover: #004f7c;
    --button-primary-text: #ffffff;
    --button-dark-bg: #15354b;
    --button-dark-hover: #102338;
    --button-dark-text: #ffffff;
    --button-gold-bg: #ead08b;
    --button-gold-hover: #f4dfa7;
    --button-gold-text: #153143;
    --button-inverse-bg: #ffffff;
    --button-inverse-hover: #edf4f8;
    --button-inverse-text: #15354b;
    --button-outline-text: #15354b;
    --button-outline-inverse-text: #ffffff;
    --button-outline-hover: #15354b0a;
    --button-outline-inverse-hover: #ffffff14;
  }
  [data-site-button="primary"] { --action-bg:var(--button-primary-bg); --action-hover:var(--button-primary-hover); --action-text:var(--button-primary-text); }
  [data-site-button="dark"] { --action-bg:var(--button-dark-bg); --action-hover:var(--button-dark-hover); --action-text:var(--button-dark-text); }
  [data-site-button="gold"] { --action-bg:var(--button-gold-bg); --action-hover:var(--button-gold-hover); --action-text:var(--button-gold-text); }
  [data-site-button="inverse"], [data-site-button="quiet"] { --action-bg:var(--button-inverse-bg); --action-hover:var(--button-inverse-hover); --action-text:var(--button-inverse-text); }
  [data-site-button="outline"] { --action-bg:transparent; --action-hover:var(--button-outline-hover); --action-text:var(--button-outline-text); }
  [data-site-button="outline-inverse"] { --action-bg:transparent; --action-hover:var(--button-outline-inverse-hover); --action-text:var(--button-outline-inverse-text); }
  [data-site-button] {
    background:var(--action-bg)!important;
    color:var(--action-text)!important;
    border-color:var(--action-bg)!important;
  }
  [data-site-button^="outline"] { border-color:currentColor!important; }
  [data-site-button]:is(:hover,:focus-visible) { background:var(--action-hover)!important; }
  [data-site-button] :is(span,i,svg) { color:inherit!important; }
  /* Imported hover effects must not paint a second, unconfigured color. */
  [data-site-button]::before, [data-site-button]::after { background:transparent!important; }
}