:root {
  --lp-brand-50: #f5f7fa;
  --lp-brand-100: #e8eef5;
  --lp-brand-200: #c5d0de;
  --lp-brand-300: #8fa3bc;
  --lp-brand-400: #5a7394;
  --lp-brand-500: #2f4a6e;
  --lp-brand-600: #1a3356;
  --lp-brand-700: #0b1f3a;
  --lp-brand-800: #081628;
  --lp-brand-900: #050e1a;
  --lp-brand-950: #030912;

  --lp-neutral-50: #fafafa;
  --lp-neutral-100: #f4f4f5;
  --lp-neutral-200: #e4e4e7;
  --lp-neutral-300: #d4d4d8;
  --lp-neutral-400: #a1a1aa;
  --lp-neutral-500: #71717a;
  --lp-neutral-600: #52525b;
  --lp-neutral-700: #3f3f46;
  --lp-neutral-800: #27272a;
  --lp-neutral-900: #18181b;
  --lp-neutral-950: #09090b;

  --lp-space-2xs: clamp(0.25rem, 0.5vw, 0.375rem);
  --lp-space-xs: clamp(0.5rem, 0.75vw, 0.75rem);
  --lp-space-sm: clamp(0.75rem, 1vw, 1rem);
  --lp-space-md: clamp(1rem, 1.5vw, 1.5rem);
  --lp-space-lg: clamp(1.5rem, 2.5vw, 2.25rem);
  --lp-space-xl: clamp(2rem, 3.5vw, 3.25rem);
  --lp-space-2xl: clamp(2.75rem, 5vw, 4.5rem);
  --lp-space-3xl: clamp(3.5rem, 7vw, 6rem);

  --lp-type-xs: clamp(0.75rem, 0.7vw + 0.52rem, 0.8125rem);
  --lp-type-sm: clamp(0.875rem, 0.8vw + 0.62rem, 0.9375rem);
  --lp-type-body: clamp(1.0625rem, 0.75vw + 0.9rem, 1.125rem);
  --lp-type-lg: clamp(1.125rem, 0.95vw + 0.92rem, 1.25rem);
  --lp-type-h3: clamp(1.125rem, 1vw + 0.95rem, 1.3125rem);
  --lp-type-h2: clamp(1.55rem, 1.9vw + 1rem, 2.35rem);
  --lp-type-h1: clamp(2.05rem, 3.1vw + 0.85rem, 3.25rem);
  --lp-type-display: clamp(2.35rem, 3.5vw + 0.75rem, 3.85rem);

  --lp-radius-none: 0;
  --lp-radius-sm: 4px;
  --lp-radius-md: 8px;
  --lp-radius-lg: 12px;
  --lp-radius-xl: 16px;
  --lp-radius-pill: 999px;

  --lp-shadow-xs: 0 1px 2px rgba(11, 31, 58, 0.06);
  --lp-shadow-sm: 0 1px 3px rgba(11, 31, 58, 0.08), 0 1px 2px rgba(11, 31, 58, 0.04);
  --lp-shadow-md: 0 4px 12px rgba(11, 31, 58, 0.08), 0 2px 4px rgba(11, 31, 58, 0.04);
  --lp-shadow-lg: 0 12px 32px rgba(11, 31, 58, 0.12), 0 4px 8px rgba(11, 31, 58, 0.06);
  --lp-shadow-xl: 0 24px 48px rgba(11, 31, 58, 0.16), 0 8px 16px rgba(11, 31, 58, 0.08);
  --lp-shadow-glow: 0 0 40px rgba(196, 163, 90, 0.28);

  --lp-font-heading: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --lp-font-display: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --lp-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --lp-font-label: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --lp-fallback-hex: #0b1f3a;

  --lp-navy: #0b1f3a;
  --lp-navy-deep: #061427;
  --lp-navy-mid: #143052;
  --lp-gold: #c4a35a;
  --lp-gold-soft: #d4bc7e;
  --lp-gold-deep: #a8873f;
  --lp-cream: #f7f5f0;
  --lp-cream-deep: #ebe6db;
  --lp-ink: #0b1f3a;
  --lp-ink-soft: #3d4f66;

  --lp-bg: #ffffff;
  --lp-bg-elev-1: var(--lp-cream);
  --lp-bg-elev-2: var(--lp-cream-deep);
  --lp-surface: #ffffff;
  --lp-text: var(--lp-navy);
  --lp-text-dim: var(--lp-ink-soft);
  --lp-text-mute: #6b7785;
  --lp-border: rgba(11, 31, 58, 0.12);
  --lp-primary: var(--lp-navy);
  --lp-accent: var(--lp-gold);
  --lp-primary-soft: rgba(11, 31, 58, 0.08);
  --lp-primary-strong: var(--lp-navy-deep);
  --lp-on-primary: #f8f6f1;
  --lp-on-accent: #0b1f3a;
  --lp-radius-control: var(--lp-radius-sm);
  --lp-radius-card: 10px;
  --lp-radius-panel: 12px;
  --lp-elev-surface: 0 16px 36px rgba(11, 31, 58, 0.07);
  --lp-elev-card: 0 22px 52px rgba(5, 12, 24, 0.24);
  --lp-elev-media: 0 18px 44px rgba(11, 31, 58, 0.11);
  --lp-surface-tint: rgba(196, 163, 90, 0.08);
  --lp-surface-navy-soft: rgba(11, 31, 58, 0.04);

  --lp-brand: var(--lp-primary);
  --lp-brand-primary: var(--lp-primary);
  --lp-brand-hover: var(--lp-primary-strong);
  --lp-brand-contrast: var(--lp-on-primary);
  --lp-secondary: var(--lp-gold);
  --lp-color-primary: var(--lp-primary);
  --lp-color-bg: var(--lp-bg);
  --lp-color-surface: var(--lp-bg-elev-1);
  --lp-color-surface-hover: var(--lp-bg-elev-2);
  --lp-muted-bg: var(--lp-bg-elev-1);
  --lp-color-border: var(--lp-border);
  --lp-color-text: var(--lp-text);
  --lp-color-muted: var(--lp-text-dim);
  --lp-color-text-muted: var(--lp-text-dim);
  --lp-text-muted: var(--lp-text-dim);
  --lp-text-soft: var(--lp-text-dim);
  --lp-font: var(--lp-font-body);
  --lp-logo-bar-bg: var(--lp-bg-elev-1);
  --lp-logo-bar-label: var(--lp-text-dim);
  --lp-tabs-accent: var(--lp-gold);
  --lp-marquee-accent: var(--lp-gold);
  --lp-marquee-duration: 40s;
  --lp-marquee-direction: normal;

  --lp-error: #b42318;
  --lp-success: #1b7a4e;
  --lp-overlay: rgba(6, 20, 39, 0.72);
  --lp-gradient-mesh: none;
}

[data-theme="dark"] {
  --lp-bg: var(--lp-navy-deep);
  --lp-bg-elev-1: var(--lp-navy);
  --lp-bg-elev-2: var(--lp-navy-mid);
  --lp-surface: var(--lp-navy);
  --lp-text: var(--lp-cream);
  --lp-text-dim: #c5cdd8;
  --lp-text-mute: #8b97a6;
  --lp-border: rgba(247, 244, 238, 0.14);
  --lp-primary: var(--lp-gold);
  --lp-accent: var(--lp-gold-soft);
  --lp-primary-soft: rgba(196, 163, 90, 0.18);
  --lp-primary-strong: var(--lp-gold-deep);
  --lp-on-primary: var(--lp-navy-deep);
}

[data-theme="light"] {
  --lp-bg: #ffffff;
  --lp-bg-elev-1: var(--lp-cream);
  --lp-bg-elev-2: var(--lp-cream-deep);
  --lp-surface: #ffffff;
  --lp-text: var(--lp-navy);
  --lp-text-dim: var(--lp-ink-soft);
  --lp-text-mute: #6b7785;
  --lp-border: rgba(11, 31, 58, 0.12);
  --lp-primary: var(--lp-navy);
  --lp-accent: var(--lp-gold);
  --lp-primary-soft: rgba(11, 31, 58, 0.08);
  --lp-primary-strong: var(--lp-navy-deep);
  --lp-on-primary: #f8f6f1;
}