/* Shared Keylective identity. Use these semantic tokens for every new surface.
   Email templates and the standalone SVG mirror the fixed light brand values;
   email clients do not reliably support CSS custom properties. */
:root {
  color-scheme: light;
  --pi-color-scheme: light;
  --pi-canvas: #eef3fa;
  --pi-surface: #ffffff;
  --pi-surface-soft: #e9eff8;
  --pi-ink: #10263f;
  --pi-muted: #56657a;
  --pi-line: #d3deec;
  --pi-input-line: #8795a8;
  --pi-accent: #245ddd;
  --pi-accent-soft: #edf3ff;
  --pi-accent-line: #b6c9ee;
  --pi-primary: #245ddd;
  --pi-primary-hover: #194ab8;
  --pi-on-primary: #ffffff;
  --pi-navy: #0b1d33;
  --pi-feature: #172d4d;
  --pi-feature-hover: #203b61;
  --pi-on-feature: #d5e2f5;
  --pi-focus: #245ddd;
  --pi-focus-soft: #245ddd24;
  --pi-warning: #76551b;
  --pi-warning-soft: #fff8e8;
  --pi-warning-line: #d9c79c;
  --pi-danger: #a72534;
  --pi-danger-soft: #fff0ed;
  --pi-danger-line: #e7b2b8;
  --pi-overlay: #10203966;
  --pi-shadow: #0b1d3318;
  --pi-brand-dot: #9abbff;
  /* The website's navy band carries the app header. */
  --pi-band: #0b1d33;
  --pi-band-line: #173a63;
  --pi-on-band: #ffffff;
  --pi-band-muted: #c6d2e3;
  --pi-band-soft: #ffffff14;
  --pi-band-strong: #ffffff26;
  --pi-band-pill: #ffffff;
  --pi-on-band-pill: #0b1d33;
  /* Primary actions run navy to blue; cards rest on a soft blue shadow. */
  --pi-primary-fill: linear-gradient(135deg, #173a63, #245ddd);
  --pi-primary-fill-hover: linear-gradient(135deg, #102a48, #1d50c4);
  --pi-card-shadow: 0 1px 2px #0b1d330a, 0 14px 34px -22px #0b1d3352;
  /* The key marks who is responsible for the next step. Gold is reserved for it. */
  --pi-key: #a77a29;
  --pi-key-ink: #755014;
  --pi-key-soft: #fbf6e9;
  --pi-key-line: #d9bd7c;
  --pi-on-key: #ffffff;
  --canvas: var(--pi-canvas); --paper: var(--pi-canvas); --bg: var(--pi-canvas);
  --surface: var(--pi-surface); --card: var(--pi-surface); --white: var(--pi-surface);
  --surface-soft: var(--pi-surface-soft); --soft: var(--pi-surface-soft);
  --ink: var(--pi-ink); --navy: var(--pi-ink); --muted: var(--pi-muted); --quiet: var(--pi-muted);
  --text: var(--pi-ink); --border: var(--pi-line);
  --line: var(--pi-line); --blue: var(--pi-accent); --accent: var(--pi-accent);
  --primary: var(--pi-primary); --blue-soft: var(--pi-accent-soft); --pale: var(--pi-accent-soft);
  /* Compatibility names only. They intentionally resolve to blue. */
  --green: var(--pi-accent); --teal: var(--pi-accent); --focus: var(--pi-focus);
}
:root[data-theme=dark] {
  color-scheme: dark;
  --pi-color-scheme: dark;
  --pi-canvas: #0d1523;
  --pi-surface: #162235;
  --pi-surface-soft: #1d2c42;
  --pi-ink: #e8eef8;
  --pi-muted: #adbbcf;
  --pi-line: #35465e;
  --pi-input-line: #6f829e;
  --pi-accent: #94b8ff;
  --pi-accent-soft: #213557;
  --pi-accent-line: #4c6a99;
  --pi-primary: #245ddd;
  --pi-primary-hover: #1d50c4;
  --pi-focus: #94b8ff;
  --pi-focus-soft: #94b8ff33;
  --pi-warning: #f4d49a;
  --pi-warning-soft: #372b19;
  --pi-warning-line: #745d36;
  --pi-danger: #ffaaa5;
  --pi-danger-soft: #42282c;
  --pi-danger-line: #9c6368;
  --pi-overlay: #060c17b3;
  --pi-shadow: #00000040;
  --pi-band-line: #1f3352;
  --pi-band-pill: #dbe6f5;
  --pi-primary-fill: linear-gradient(135deg, #1b4a93, #245ddd);
  --pi-primary-fill-hover: linear-gradient(135deg, #173f7f, #1d50c4);
  --pi-card-shadow: 0 1px 2px #00000040, 0 14px 34px -22px #00000099;
  --pi-key: #d9ae5f;
  --pi-key-ink: #f1d28f;
  --pi-key-soft: #3a2e18;
  --pi-key-line: #8a6a2c;
  --pi-on-key: #1b1405;
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}