/* banks.css — the FIVE journey skins (Meridian reference + Kestrel, Amberley,
 * Thornbury, Sprout), each a theme block scoped by [data-brand="…"].
 *
 * Every block defines the SAME journey semantic contract, the --j-* tokens:
 *   --j-bg, --j-surface, --j-ink, --j-muted, --j-border,
 *   --j-accent, --j-accent-hover, --j-accent-fg,
 *   --j-positive, --j-caution, --j-radius,
 *   --j-font-display, --j-font-body, --j-shadow
 * Names are IDENTICAL across all five skins; only values differ (DESIGN.md S3).
 * Journey components (built once) reference ONLY these --j-* tokens, never a
 * primitive, never a literal (S1). This file is the journey-level equivalent of
 * tokens.contract.css → tokens.<pack>.css, scoped per brand instead of global.
 *
 * Load order (S2): tokens.contract.css → tokens.lloyds.css → components.css →
 * THIS FILE. All five blocks are always present; a live switcher just swaps the
 * data-brand attribute on a wrapper — no markup change, no extra request.
 *
 * Palette source: lloyds/brand-packs.md. B1–B4: all five are invented,
 * adjacent-but-distinct — no real Lloyds/Halifax/Bank of Scotland/MBNA/
 * Scottish Widows palette, type or trade dress.
 *
 * Fonts: system stacks only (P2, swatch scope) — chosen to read each skin's
 * TYPE CHARACTER clearly. Self-hosted faces land at journey-build time.
 *
 * --j-positive / --j-caution are only specified in brand-packs.md for Meridian;
 * the other four are designed here to fit each skin's family and verified AA
 * as text on --j-bg (see swatches.html AA table / build report).
 */

/* ============================================================
   ⭐ MERIDIAN — the reference. "Considered banking."
   Deep petrol-teal accent, warm paper, refined humanist serif + clean grotesk.
   ============================================================ */
[data-brand="meridian"] {
  --j-bg:            #FFFFFF;
  --j-surface:       #F7F6F3;   /* warm paper */
  --j-ink:           #1C1E24;
  --j-muted:         #5C6069;
  --j-border:        #E6E3DC;
  --j-accent:        #1E4D57;   /* deep petrol-teal — premium, not a corporate green */
  --j-accent-hover:  #163B43;
  --j-accent-fg:     #FFFFFF;
  --j-positive:      #22685E;
  --j-caution:       #9A5B0F;
  --j-radius:        12px;      /* considered */
  --j-font-display:  "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --j-font-body:      -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --j-shadow:        0 8px 24px rgba(28, 30, 36, 0.10);
}

/* ============================================================
   KESTREL — the challenger. "Banking that keeps up."
   Terracotta/rust, fast and warm, geometric grotesk, generous radius.
   ============================================================ */
[data-brand="kestrel"] {
  --j-bg:            #FFFFFF;
  --j-surface:       #FFF4F0;
  --j-ink:           #211A17;
  --j-muted:         #6E5C54;
  --j-border:        #EBD9D1;
  --j-accent:        #BF492B;   /* terracotta/rust; darkened from brand-packs.md's #C24A2C —
                                    accent-as-link-text on --j-surface measured 4.51:1, too close
                                    to the 4.5:1 floor for a safe margin; nudged to 4.63:1 */
  --j-accent-hover:  #A63C21;
  --j-accent-fg:     #FFFFFF;
  --j-positive:      #2F7A45;   /* invented — confident green, distinct from accent hue */
  --j-caution:       #8A6309;   /* invented — warm gold; darkened for AA on surface (was #966B0A, 4.42→5.03) */
  --j-radius:        18px;      /* generous */
  --j-font-display:  "Century Gothic", "Avenir Next", Futura, "Trebuchet MS", sans-serif;
  --j-font-body:     "Century Gothic", "Avenir Next", Futura, "Trebuchet MS", sans-serif;
  --j-shadow:        0 6px 16px rgba(33, 26, 23, 0.12);
}

/* ============================================================
   AMBERLEY BUILDING SOCIETY — the mutual. "Owned by its members since 1874."
   Ochre/amber, cream ground, warm serif display + humanist body, low radius.
   ============================================================ */
[data-brand="amberley"] {
  --j-bg:            #FAF6EF;   /* cream */
  --j-surface:       #F3EAD9;
  --j-ink:           #3A2E24;   /* deep brown */
  --j-muted:         #766650;   /* tuned from brand-packs.md's #7A6A55 — see build report */
  --j-border:        #E3D5BF;
  --j-accent:        #8A5E10;   /* ochre/amber */
  --j-accent-hover:  #6E4A0B;
  --j-accent-fg:     #FFFFFF;
  --j-positive:      #4B6B2E;   /* invented — deep olive, rooted/community */
  --j-caution:       #8C4419;   /* invented — rust-brown, distinct from accent ochre */
  --j-radius:        4px;       /* traditional */
  --j-font-display:  Georgia, "Iowan Old Style", "Times New Roman", serif;
  --j-font-body:     "Seravek", "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  --j-shadow:        0 4px 10px rgba(58, 46, 36, 0.10);
}

/* ============================================================
   THORNBURY & CO. — the private bank. "Est. 1798. Discreet by design."
   Near-monochrome graphite, ivory ground, bronze hairline (decorative only).
   ============================================================ */
[data-brand="thornbury"] {
  --j-bg:            #F7F5F0;   /* ivory */
  --j-surface:       #FFFFFF;
  --j-ink:           #1A1C22;   /* near-black */
  --j-muted:         #565A63;
  --j-border:        #E2DED3;
  --j-accent:        #23262E;   /* graphite ink */
  --j-accent-hover:  #000000;
  --j-accent-fg:     #FFFFFF;
  --j-positive:      #3B5A46;   /* invented — muted deep green, restrained */
  --j-caution:       #7A5A2E;   /* invented — muted bronze-brown, echoes the hairline */
  --j-radius:        2px;       /* sharp */
  --j-font-display:  "Times New Roman", Times, Georgia, serif;
  --j-font-body:     "Helvetica Neue", Helvetica, Arial, sans-serif;
  --j-shadow:        0 2px 6px rgba(26, 28, 34, 0.08);
  --j-hairline:      #9A7B44;   /* bronze — decorative ornament only, not a contract token */
}

/* ============================================================
   SPROUT — the youth / community digital brand.
   "Your first account, in plain words." Deep rose, very rounded, bright.
   ============================================================ */
[data-brand="sprout"] {
  --j-bg:            #FFFFFF;
  --j-surface:       #FEEFF3;   /* rose tint */
  --j-ink:           #241A1E;
  --j-muted:         #6B4F58;
  --j-border:        #F3D4DD;
  --j-accent:        #C4395A;   /* deep rose; darkened from brand-packs.md's #C93A5C —
                                    accent-as-link-text on --j-surface measured 4.44:1, a fail;
                                    nudged to 4.62:1 */
  --j-accent-hover:  #AC2E4C;
  --j-accent-fg:     #FFFFFF;
  --j-positive:      #197646;   /* invented — friendly green; darkened for AA on surface (was #1D8452, 4.21→5.07) */
  --j-caution:       #955C07;   /* invented — sunny amber; darkened for AA on surface (was #A46609, 4.21→4.95) */
  --j-radius:        22px;      /* very rounded */
  --j-font-display:  ui-rounded, "SF Pro Rounded", "Segoe UI", Verdana, sans-serif;
  --j-font-body:     ui-rounded, "SF Pro Rounded", "Segoe UI", Verdana, sans-serif;
  --j-shadow:        0 10px 20px rgba(201, 58, 92, 0.16);
}