/* Shared landing tokens. Palette and component measures from the Pathways app concept.
   Larger type/spacing extend that scale for the landing mock. No font downloads or component rules. */
:root {
  --lp-bg: #FAF7F1;
  --lp-panel: #FFFFFF;
  --lp-panel-alt: #F4F1E9;
  --lp-ink: #0F172A;
  --lp-muted: #64748B;
  --lp-faint: #8794A6;
  --lp-line: #E4DED2;
  --lp-line-soft: #F0EBE1;
  --lp-teal: #1FA89A;
  --lp-teal-deep: #0B5D4E;
  --lp-violet: #6D28D9;
  --lp-violet-bg: #EFE8FC;
  --lp-gold: #F5B52E;
  --lp-ok-bg: #DCF0EA;
  --lp-ok-fg: #0B5D4E;
  --lp-ok-solid: #1FA89A;
  --lp-warn-bg: #FCEDD1;
  --lp-warn-fg: #8A5A06;
  --lp-warn-solid: #F5B52E;
  --lp-bad-bg: #F7DFE1;
  --lp-bad-fg: #9B1C2B;
  --lp-bad-solid: #D2414F;
  --lp-info-bg: #E3ECFA;
  --lp-info-fg: #1E4B8F;
  --lp-sidebar: #0B5D4E;
  --lp-sidebar-fg: #EDF5F2;
  --lp-sidebar-muted: #9DC5BA;
  --lp-paper: #FFFFFF;
  --lp-paper-ink: #111827;
  --lp-font-heading: Poppins, 'Segoe UI', sans-serif;
  --lp-font-body: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --lp-font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Consolas, monospace;
  --lp-text-xs: 0.75rem;
  --lp-text-sm: 0.875rem;
  --lp-text-base: 0.9375rem;
  --lp-text-md: 1rem;
  --lp-text-lg: 1.125rem;
  --lp-text-xl: 1.375rem;
  --lp-text-2xl: 1.875rem;
  --lp-text-3xl: 2.125rem;
  --lp-text-4xl: 2.75rem;
  --lp-text-hero: clamp(2.25rem, 4.6vw, 4rem);
  --lp-leading-body: 1.55;
  --lp-leading-heading: 1.12;
  --lp-tracking-heading: -0.025em;
  --lp-tracking-kicker: 0.15em;
  --lp-weight-normal: 400;
  --lp-weight-medium: 500;
  --lp-weight-semibold: 600;
  --lp-weight-bold: 700;
  --lp-space-1: 0.25rem;
  --lp-space-2: 0.5rem;
  --lp-space-3: 0.75rem;
  --lp-space-4: 1rem;
  --lp-space-5: 1.25rem;
  --lp-space-6: 1.5rem;
  --lp-space-7: 1.75rem;
  --lp-space-8: 2rem;
  --lp-space-10: 2.5rem;
  --lp-space-12: 3rem;
  --lp-space-16: 4rem;
  --lp-space-20: 5rem;
  --lp-space-24: 6rem;
  --lp-radius-xs: 0.25rem;
  --lp-radius-sm: 0.5rem;
  --lp-radius-control: 0.625rem;
  --lp-radius-md: 0.75rem;
  --lp-radius-panel: 0.875rem;
  --lp-radius-card: 1rem;
  --lp-radius-lg: 1.25rem;
  --lp-radius-button: 1.375rem;
  --lp-radius-xl: 1.5rem;
  --lp-radius-pill: 999px;
  --lp-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.1);
  --lp-shadow-card: 0 14px 30px rgba(15, 23, 42, 0.08);
  --lp-shadow-popover: 0 18px 44px rgba(6, 51, 43, 0.16);
  --lp-shadow-modal: 0 30px 80px rgba(6, 51, 43, 0.3);
  --lp-motion-fast: 150ms;
  --lp-motion-normal: 200ms;
  --lp-motion-slow: 250ms;
  --lp-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --lp-ease-enter: cubic-bezier(0, 0, 0.2, 1);
  --lp-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --lp-touch-target: 44px;
  --lp-focus-width: 3px;
  --lp-focus-offset: 2px;
  --lp-focus-color: var(--lp-gold);
  --lp-brand-deep: #0B5D4E;
  --lp-brand-teal: #1FA89A;
  --lp-on-brand: #FFFFFF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) {
  --lp-bg: #0B1120;
  --lp-panel: #141D31;
  --lp-panel-alt: #1A2439;
  --lp-ink: #ECEFF4;
  --lp-muted: #A6B2C4;
  --lp-faint: #8795AA;
  --lp-line: #28334B;
  --lp-line-soft: #1F2A42;
  --lp-teal: #35C4B3;
  --lp-teal-deep: #6FE0CD;
  --lp-violet: #A78BFA;
  --lp-violet-bg: #2A2150;
  --lp-gold: #F5B52E;
  --lp-ok-bg: #123A33;
  --lp-ok-fg: #7FD8C6;
  --lp-ok-solid: #1FA89A;
  --lp-warn-bg: #3B2F13;
  --lp-warn-fg: #F5CE7A;
  --lp-warn-solid: #F5B52E;
  --lp-bad-bg: #3B1A20;
  --lp-bad-fg: #F3AAB3;
  --lp-bad-solid: #D2414F;
  --lp-info-bg: #182A48;
  --lp-info-fg: #9EC0F2;
  --lp-sidebar: #06332B;
  --lp-sidebar-fg: #E9F2EF;
  --lp-sidebar-muted: #93BCB1;
  --lp-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.22);
  --lp-shadow-card: 0 14px 30px rgba(0, 0, 0, 0.24);
  --lp-shadow-popover: 0 18px 44px rgba(0, 0, 0, 0.32);
  --lp-shadow-modal: 0 30px 80px rgba(0, 0, 0, 0.46);
  }
}

:root[data-theme=dark] {
  --lp-bg: #0B1120;
  --lp-panel: #141D31;
  --lp-panel-alt: #1A2439;
  --lp-ink: #ECEFF4;
  --lp-muted: #A6B2C4;
  --lp-faint: #8795AA;
  --lp-line: #28334B;
  --lp-line-soft: #1F2A42;
  --lp-teal: #35C4B3;
  --lp-teal-deep: #6FE0CD;
  --lp-violet: #A78BFA;
  --lp-violet-bg: #2A2150;
  --lp-gold: #F5B52E;
  --lp-ok-bg: #123A33;
  --lp-ok-fg: #7FD8C6;
  --lp-ok-solid: #1FA89A;
  --lp-warn-bg: #3B2F13;
  --lp-warn-fg: #F5CE7A;
  --lp-warn-solid: #F5B52E;
  --lp-bad-bg: #3B1A20;
  --lp-bad-fg: #F3AAB3;
  --lp-bad-solid: #D2414F;
  --lp-info-bg: #182A48;
  --lp-info-fg: #9EC0F2;
  --lp-sidebar: #06332B;
  --lp-sidebar-fg: #E9F2EF;
  --lp-sidebar-muted: #93BCB1;
  --lp-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.22);
  --lp-shadow-card: 0 14px 30px rgba(0, 0, 0, 0.24);
  --lp-shadow-popover: 0 18px 44px rgba(0, 0, 0, 0.32);
  --lp-shadow-modal: 0 30px 80px rgba(0, 0, 0, 0.46);
}