/* ==========================================================================
   Partners Bank — Design Tokens
   Source of truth: Figma "Partners Website Layouts" (sZkX4xKUFqgCzNeUUgeUll)
   Change values here; components in main.css consume them.
   ========================================================================== */

:root {
  /* --- Brand color palette --- */
  --pb-navy:        #002e57;  /* darkest navy — button text, headings on light */
  --pb-blue:        #005aab;  /* primary blue */
  --pb-magenta:     #a01f62;  /* primary magenta */
  --pb-sky:         #52b9ff;  /* light blue — solid CTA buttons, card bg */
  --pb-sky-bright:  #1399f2;  /* script accents, industry card borders */
  --pb-sky-mid:     #20a6ff;  /* industry card solid buttons */
  --pb-sky-pale:    #b8e3fc;  /* login button, hero script accent */
  --pb-ice:         #e1f4ff;  /* pale blue section backgrounds */
  --pb-orange:      #ff8514;  /* solid orange CTA */
  --pb-orange-deep: #eb7100;  /* industry card orange border */
  --pb-orange-btn:  #ff7b00;  /* industry card orange button */
  --pb-yellow:      #ffd400;  /* contact button, eyebrow text on magenta */
  --pb-ink:         #353535;  /* body text */
  --pb-ink-75:      rgba(53, 53, 53, 0.75);
  --pb-ink-50:      rgba(53, 53, 53, 0.5);

  /* --- Gradients --- */
  --pb-gradient-hero:   linear-gradient(to top, var(--pb-blue), var(--pb-magenta));
  --pb-gradient-brand:  linear-gradient(to right, var(--pb-magenta), var(--pb-blue));
  --pb-gradient-vert:   linear-gradient(to bottom, var(--pb-magenta) 3%, var(--pb-blue));

  /* --- Typography --- */
  --pb-font-sans:   'Outfit', system-ui, -apple-system, sans-serif;
  --pb-font-serif:  'Noto Serif', Georgia, serif;
  --pb-font-script: 'La Belle Aurore', cursive;

  /* --- Radii --- */
  --pb-radius-frame: 50px;   /* big framed sections */
  --pb-radius-card:  25px;
  --pb-shadow-card:  0 4px 4px 0 rgba(0, 0, 0, 0.25);   /* Mike 2026-10-14 (Figma inspect). the ONE card shadow in the Figma file (67 instances: team, branch, callout, contact, option rows, testimonials) — Ben 2026-10-14 */   /* cards (single-corner accents) */
  --pb-radius-pill:  62px;   /* pill buttons */
  --pb-radius-ui:    6px;    /* small square-ish buttons (Login, Contact) */

  /* --- Layout --- */
  --pb-gutter:       clamp(24px, 6.25vw, 80px);   /* Ben 2026-10-14: Figma content margin is 80px AT 1280 (was 54px) — every comp's cards/FAQ/CTA sit at x=80 */  /* full-bleed section side padding */
  --pb-frame-inset:  clamp(16px, 3.125vw, 40px);   /* Ben 2026-10-14: Figma frames (hero, parent header, big photo CTA) are inset 40px AT 1280 (was 27px) */  /* framed section side margin */
  --pb-content-max:  1160px;                    /* centered card groups */
  --pb-gutter-inner: clamp(24px, calc(6.25vw + 40px), 120px); /* child-template body sections (Figma: 120px at 1280) */

  /* --- Bootstrap bridge --- */
  --bs-body-font-family: var(--pb-font-sans);
  --bs-body-color: var(--pb-ink);
  --bs-primary: var(--pb-blue);
  --bs-link-color: var(--pb-blue);
}