/* ============================================================
 * brand.css — Kimberly Clark Credit Union
 *
 * GENERATED by tools/brand.py from client.yml. Do not hand-edit:
 * the contrast gate reads client.yml, so an edit made here alone is
 * unverified. Change client.yml and regenerate.
 *
 * This is the ONLY file in the site that names a brand colour.
 * core.css consumes these tokens and is byte-identical everywhere.
 * ============================================================ */

:root {
  /* --- dark surfaces: hero, footer, dark bands --- */
  --brand-dark:            #1A2744;  /* primary */
  --brand-dark-deep:       #111B31;  /* derived: depth */
  --brand-dark-mid:        #22355C;  /* derived: gradient midpoint */
  --brand-secondary:       #2B4160;

  /* --- interactive: links, buttons --- */
  --brand-primary:         #2D6AB4;  /* AA on white */
  --brand-primary-light:   #5A92CC;

  /* --- accent: fills, borders, dots. NOT text on dark. --- */
  --brand-accent:          #4A8FCC;
  --brand-accent-deep:     #2D6AB4;

  /* --- accent TEXT on a dark background ---
     These exist because the brand accent is often unreadable on the
     brand dark. Verified by tools/brand.py; see CONTRAST_RULES. */
  --accent-on-dark:        #7AAEDD;
  --accent-light-on-dark:  #7AAEDD;
  --outline-on-dark:       #7AAEDD;  /* outline button border+label */

  /* --- text colours ON a filled surface --- */
  --on-primary:            #FFFFFF;  /* label on a primary button */
  --on-accent:             #111B31;  /* label on an accent fill */
  --on-dark:               #FFFFFF;  /* copy on a dark surface */

  /* --- neutrals --- */
  --surface:               #FAFAF8;
  --surface-alt:           #F2F4F7;
  --surface-tint:          #EAF1F8;
  --text:                  #1E2A3A;
  --text-light:            #4A5568;
  --border:                #D8E2EC;

  /* --- channel triplets ---
     Needed for rgba() shadows and gradient glows. Without these, a
     shared stylesheet has to hard-code a decimal rgba triplet, which
     leaks whichever client it was first written for into every other
     client's hero. */
  --brand-dark-rgb:        26, 39, 68;
  --brand-primary-rgb:     45, 106, 180;
  --brand-secondary-rgb:   43, 65, 96;
  --brand-accent-rgb:      74, 143, 204;

  /* --- type --- */
  --sans:    'Source Sans 3', -apple-system, sans-serif;
  --display: 'Playfair Display', Georgia, serif;
}