:root {
  --lp-brand-50: #f8f4ec;
  --lp-brand-100: #f0e6d4;
  --lp-brand-200: #e2cfab;
  --lp-brand-300: #d4b882;
  --lp-brand-400: #c5a572;
  --lp-brand-500: #b08f55;
  --lp-brand-600: #927443;
  --lp-brand-700: #745b36;
  --lp-brand-800: #56442a;
  --lp-brand-900: #382c1c;
  --lp-brand-950: #1f180f;

  --lp-neutral-50: #f7f5f1;
  --lp-neutral-100: #ebe7df;
  --lp-neutral-200: #d4cfc4;
  --lp-neutral-300: #b5aea0;
  --lp-neutral-400: #8f887a;
  --lp-neutral-500: #6f695d;
  --lp-neutral-600: #524d44;
  --lp-neutral-700: #3a362f;
  --lp-neutral-800: #241f1a;
  --lp-neutral-900: #14110e;
  --lp-neutral-950: #0a0908;

  --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.5rem);
  --lp-space-xl: clamp(2.5rem, 4vw, 4rem);
  --lp-space-2xl: clamp(4rem, 7vw, 6rem);
  --lp-space-3xl: clamp(5rem, 9vw, 8rem);

  --lp-type-xs: clamp(0.72rem, 0.2vw + 0.68rem, 0.8rem);
  --lp-type-sm: clamp(0.875rem, 0.25vw + 0.8rem, 0.95rem);
  --lp-type-body: clamp(1rem, 0.35vw + 0.9rem, 1.125rem);
  --lp-type-lg: clamp(1.125rem, 0.55vw + 0.95rem, 1.35rem);
  --lp-type-h3: clamp(1.35rem, 1vw + 1rem, 1.75rem);
  --lp-type-h2: clamp(2rem, 2.4vw + 1rem, 3.25rem);
  --lp-type-h1: clamp(2.75rem, 4vw + 1rem, 4.75rem);
  --lp-type-display: clamp(3rem, 5vw + 0.75rem, 5.75rem);

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

  --lp-shadow-xs: 0 1px 2px rgba(5, 14, 24, 0.18);
  --lp-shadow-sm: 0 4px 14px rgba(5, 14, 24, 0.18);
  --lp-shadow-md: 0 12px 32px rgba(5, 14, 24, 0.22);
  --lp-shadow-lg: 0 24px 60px rgba(5, 14, 24, 0.32);
  --lp-shadow-xl: 0 36px 80px rgba(5, 14, 24, 0.42);
  --lp-shadow-glow: 0 0 48px rgba(197, 165, 114, 0.18);

  --lp-font-heading: "Cormorant Garamond", "Times New Roman", Georgia, serif;
  --lp-font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --lp-fallback-hex: #c5a572;

  --lp-bg: #0b2335;
  --lp-bg-elev-1: #123047;
  --lp-bg-elev-2: #183a52;
  --lp-surface: #091c2b;
  --lp-text: #f4efe6;
  --lp-text-dim: #c9c0b2;
  --lp-text-mute: #8f887a;
  --lp-border: rgba(244, 239, 230, 0.14);
  --lp-primary: #c5a572;
  --lp-accent: #c5a572;
  --lp-primary-soft: rgba(197, 165, 114, 0.16);
  --lp-primary-strong: #d4b882;
  --lp-on-primary: #0b2335;

  --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-primary-strong);
  --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-primary);
  --lp-marquee-accent: var(--lp-primary);
  --lp-marquee-duration: 48s;
  --lp-marquee-direction: normal;

  --lp-error: #d46a6a;
  --lp-success: #6faf8c;
  --lp-overlay: #050e18;
  --lp-gradient-mesh:
    radial-gradient(55% 50% at 12% 0%, rgba(197, 165, 114, 0.14), transparent 68%),
    radial-gradient(45% 40% at 100% 100%, rgba(24, 58, 82, 0.55), transparent 70%);
  --lp-cream: #f4efe6;
  --lp-ink: #0b2335;
  --lp-gold-line: linear-gradient(90deg, transparent, rgba(197, 165, 114, 0.7), transparent);
}

[data-theme="dark"] {
  --lp-bg: #0b2335;
  --lp-bg-elev-1: #123047;
  --lp-bg-elev-2: #183a52;
  --lp-surface: #091c2b;
  --lp-text: #f4efe6;
  --lp-text-dim: #c9c0b2;
  --lp-text-mute: #8f887a;
  --lp-border: rgba(244, 239, 230, 0.14);
  --lp-primary: #c5a572;
  --lp-accent: #c5a572;
  --lp-primary-soft: rgba(197, 165, 114, 0.16);
  --lp-primary-strong: #d4b882;
  --lp-on-primary: #0b2335;
}

[data-theme="light"] {
  --lp-bg: #0b2335;
  --lp-bg-elev-1: #123047;
  --lp-bg-elev-2: #183a52;
  --lp-surface: #091c2b;
  --lp-text: #f4efe6;
  --lp-text-dim: #c9c0b2;
  --lp-text-mute: #8f887a;
  --lp-border: rgba(244, 239, 230, 0.14);
  --lp-primary: #c5a572;
  --lp-accent: #c5a572;
  --lp-primary-soft: rgba(197, 165, 114, 0.16);
  --lp-primary-strong: #d4b882;
  --lp-on-primary: #0b2335;
}