/* Generated by tradesite-agent - theme: Modern (modern).
   Two colour modes: dark (default) and light (button in the header).
   Edit tokens, never components: all four styles share one markup contract. */
:root, [data-theme="dark"] {
  --brand: #4c9bff;
  --brand-strong: #2f81f7;
  --brand-ink: #0b1220;
  --accent: #f2a33c;
  --accent-hover: #dd8f28;
  --accent-ink: #101720;
  --surface: #101720;
  --surface-2: #18212c;
  --surface-3: #212c3a;
  --ink: #f4f7fb;
  --ink-soft: #b3c0cf;
  --line: #2b3a4b;
  --focus: #f2a33c;
  --nav-bg: #0b1220;
  --nav-ink: #f4f7fb;
  --footer-bg: #0b1220;
  --footer-ink: #b3c0cf;
  --brand-soft: #16273c;
  --accent-soft: #2b2113;
  --accent-2: #a78bfa;
  --accent-2-soft: #241f38;
  --band-bg: #2f81f7;
  --band-ink: #0b1220;
  --gradient-hero: radial-gradient(circle at 78% 6%, #1d3a5e 0%, #14202e 45%, #101720 72%);
  --radius: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --shadow: 0 2px 4px rgba(0,0,0,.30), 0 18px 48px rgba(0,0,0,.35);
  --shadow-sm: 0 1px 3px rgba(0,0,0,.35);
  --card-border: 1px solid var(--line);
  --field-border: #5f7288;
  --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.035em;
  --eyebrow-tracking: 0.2em;
  --hero-pad: 5rem 0 5.5rem;
  --section-pad: 4.5rem 0;
  --mode: dark;
}

[data-theme="light"] {
  --brand: #145fd1;
  --brand-strong: #0f4fb5;
  --brand-ink: #ffffff;
  --accent: #9c4f06;
  --accent-hover: #8a4505;
  --accent-ink: #ffffff;
  --surface: #f7f9fc;
  --surface-2: #eef3f9;
  --surface-3: #e2eaf3;
  --ink: #0e1620;
  --ink-soft: #4c5c6e;
  --line: #cbd7e4;
  --focus: #6f4fe0;
  --nav-bg: #ffffff;
  --nav-ink: #0e1620;
  --footer-bg: #0b1220;
  --footer-ink: #b3c0cf;
  --brand-soft: #e4eefc;
  --accent-soft: #fdf4e6;
  --accent-2: #6f4fe0;
  --accent-2-soft: #eee9fe;
  --band-bg: #1f6feb;
  --band-ink: #ffffff;
  --gradient-hero: radial-gradient(circle at 78% 6%, #dbe8fb 0%, #eef3f9 45%, #f7f9fc 72%);
  --radius: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --shadow: 0 2px 4px rgba(16,32,54,.10), 0 18px 48px rgba(16,32,54,.12);
  --shadow-sm: 0 1px 3px rgba(16,32,54,.12);
  --card-border: 1px solid var(--line);
  --field-border: #7d8fa3;
  --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.035em;
  --eyebrow-tracking: 0.2em;
  --hero-pad: 5rem 0 5.5rem;
  --section-pad: 4.5rem 0;
  --mode: light;
}