/* Shared Pocket Intake 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-canvas: #f7f8fa;
  --pi-surface: #ffffff;
  --pi-surface-soft: #f0f3f8;
  --pi-ink: #17263c;
  --pi-muted: #56657a;
  --pi-line: #d9e0ea;
  --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: #142333;
  --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-overlay: #10203966;
  --pi-shadow: #14233318;
  --pi-brand-dot: #9abbff;
  --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);
  --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-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-overlay: #060c17b3;
  --pi-shadow: #00000040;
}
