/* ============================================================
 * brand.css — Tuscaloosa VA Federal 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:        #1e3562;  /* derived: gradient midpoint */
  --brand-secondary:       #2B4160;

  /* --- interactive: links, buttons --- */
  --brand-primary:         #2A5FA5;  /* AA on white */
  --brand-primary-light:   #4A8FD4;

  /* --- accent: fills, borders, dots. NOT text on dark. --- */
  --brand-accent:          #C8A84E;
  --brand-accent-deep:     #9E1B32;

  /* --- 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:        #C8A84E;
  --accent-light-on-dark:  #C8A84E;
  --outline-on-dark:       #5498D8;  /* outline button border+label */

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

  /* --- neutrals --- */
  --surface:               #FAF9F7;
  --surface-alt:           #F3F0EA;
  --surface-tint:          #E8F1FA;
  --text:                  #2C3041;
  --text-light:            #5A6178;
  --border:                #DDE3EC;

  /* --- 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:     42, 95, 165;
  --brand-secondary-rgb:   43, 65, 96;
  --brand-accent-rgb:      200, 168, 78;

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