/* Generated by tradesite-agent - theme: Trust (trust).
   Two colour modes: light (default) and dark (button in the header).
   Edit tokens, never components: all four styles share one markup contract. */
:root, [data-theme="light"] {
  --brand: #123f63;
  --brand-strong: #0d2f4b;
  --brand-ink: #ffffff;
  --accent: #b3341a;
  --accent-hover: #992a13;
  --accent-ink: #ffffff;
  --surface: #ffffff;
  --surface-2: #f1f5f9;
  --surface-3: #dfe7f0;
  --ink: #0f1e33;
  --ink-soft: #4a5a70;
  --line: #c9d5e2;
  --focus: #1f6feb;
  --nav-bg: #123f63;
  --nav-ink: #ffffff;
  --footer-bg: #0d2f4b;
  --footer-ink: #dbe6f0;
  --brand-soft: #e8eff7;
  --accent-soft: #fdeee9;
  --accent-2: #1f6d5a;
  --accent-2-soft: #e2f1ed;
  --band-bg: #123f63;
  --band-ink: #ffffff;
  --gradient-hero: linear-gradient(180deg, #e3edf8 0%, #f8fbfe 55%, #ffffff 100%);
  --radius: 5px;
  --radius-lg: 8px;
  --radius-pill: 5px;
  --shadow: 0 1px 2px rgba(15,30,51,.10), 0 10px 26px rgba(15,30,51,.07);
  --shadow-sm: 0 1px 2px rgba(15,30,51,.10);
  --card-border: 1px solid var(--line);
  --field-border: #7d90a6;
  --font-head: system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-body: system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --head-weight: 800;
  --head-tracking: -0.01em;
  --eyebrow-tracking: 0.14em;
  --hero-pad: 4rem 0 3.25rem;
  --section-pad: 3.5rem 0;
  --mode: light;
}

[data-theme="dark"] {
  --brand: #6db4ec;
  --brand-strong: #8ac6f4;
  --brand-ink: #0c1620;
  --accent: #e8664a;
  --accent-hover: #f2734f;
  --accent-ink: #0c1620;
  --surface: #0c1620;
  --surface-2: #132231;
  --surface-3: #1b2e40;
  --ink: #e9f1f8;
  --ink-soft: #a8bacb;
  --line: #28425a;
  --focus: #6db4ec;
  --nav-bg: #081019;
  --nav-ink: #eef4fa;
  --footer-bg: #081019;
  --footer-ink: #a8bacb;
  --brand-soft: #16293b;
  --accent-soft: #241512;
  --accent-2: #57b39b;
  --accent-2-soft: #122821;
  --band-bg: #1b3a57;
  --band-ink: #eef4fa;
  --gradient-hero: linear-gradient(180deg, #10202e 0%, #0c1620 100%);
  --radius: 5px;
  --radius-lg: 8px;
  --radius-pill: 5px;
  --shadow: 0 2px 6px rgba(0,0,0,.45), 0 18px 40px rgba(0,0,0,.35);
  --shadow-sm: 0 1px 3px rgba(0,0,0,.5);
  --card-border: 1px solid var(--line);
  --field-border: #66809a;
  --font-head: system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-body: system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --head-weight: 800;
  --head-tracking: -0.01em;
  --eyebrow-tracking: 0.14em;
  --hero-pad: 4rem 0 3.25rem;
  --section-pad: 3.5rem 0;
  --mode: dark;
}