/* ConsumersAdvocate — New CA Design System */

:root {
  color-scheme: light;

  /* ── CA Design System tokens ── */
  --ca-blue: #206cc8;
  --ca-blue-hover: #3691CE;
  --ca-navy: #0C3D56;
  --ca-cerulean: #3691CE;
  --ca-sky: #EAF4FF;
  --ca-gray: #939393;
  --ca-gray-light: #E5E5E5;
  --ca-surface: #FFFFFF;

  /* ── Mapped tokens ── */
  --accent: #206cc8;
  --accent-ink: #ffffff;
  --accent-tint: #EAF4FF;
  --accent-tint-2: #D4E8FD;
  --navy: #0C3D56;
  --emerald: #10A37F;
  --amber: #F59E0B;
  --bg: #FFFFFF;
  --bg-soft: #F7F9FC;
  --ds-text: #1A2332;
  --ds-text-muted: #4A5568;
  --ds-text-subtle: #718096;
  --ds-border: #E5E5E5;
  --ds-border-strong: #CBD5E0;
  --card: #FFFFFF;
  --radius-sm: 2px;
  --radius: 4px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --shadow-sm: 0 1px 3px rgba(12, 61, 86, 0.06);
  --shadow: 0 4px 12px rgba(12, 61, 86, 0.08), 0 1px 3px rgba(12, 61, 86, 0.04);
  --shadow-lg: 0 12px 36px rgba(12, 61, 86, 0.12), 0 2px 6px rgba(12, 61, 86, 0.06);
  --shadow-pop: 0 8px 32px rgba(32, 108, 200, 0.16), 0 2px 6px rgba(12, 61, 86, 0.06);
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-sans: 'Lato', system-ui, sans-serif;
  --container: 1100px;

  /* ── Legacy bridge (keeps shell components working) ── */
  --inky: #0C3D56;
  --glossy: #206cc8;
  --byline: #718096;
  --newsprint: #A0AEC0;
  --coin: #F59E0B;

  --surface-0: #F7F9FC;
  --surface-1: #FFFFFF;
  --surface-2: rgba(247, 249, 252, 0.85);
  --surface-subtle: #F1F5F9;
  --surface-elevated: #FFFFFF;

  --text-primary: #1A2332;
  --text-secondary: #4A5568;
  --text-muted: #718096;
  --text-brand: #206cc8;

  --border-default: #E5E5E5;
  --border-subtle: #EDF2F7;

  --accent-hover: #3691CE;
  --accent-active: #0E4FA3;

  --success: #10A37F;
  --warning: #F59E0B;
  --danger: #EF4444;

  /* ── Type scale ── */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 2rem;

  /* ── Font stacks ── */
  --font-family-sans: 'Lato', system-ui, sans-serif;
  --font-family-serif: 'Playfair Display', Georgia, serif;
  --font-family-mono: ui-monospace, 'Cascadia Code', 'Fira Code', monospace;

  /* ── Radius (legacy bridge) ── */
  --radius-md: 4px;
}