:root {
  --ll-bg: #040404;
  --ll-bg-soft: #090909;
  --ll-surface-dark: #11100d;
  --ll-surface-ink: #1a1713;
  --ll-surface-light: #f3eee6;
  --ll-surface-marble:
    linear-gradient(144deg, rgba(253, 251, 247, 0.99) 0%, rgba(242, 237, 230, 0.97) 38%, rgba(228, 221, 211, 0.95) 72%, rgba(247, 243, 236, 0.98) 100%);
  --ll-surface-marble-strong:
    linear-gradient(152deg, rgba(255, 255, 255, 0.99) 0%, rgba(241, 236, 229, 0.98) 34%, rgba(222, 214, 204, 0.94) 64%, rgba(250, 247, 242, 0.98) 100%);
  --ll-surface-marble-shadow:
    linear-gradient(120deg, rgba(16, 14, 12, 0.06) 0%, transparent 18%, rgba(147, 136, 121, 0.12) 44%, transparent 58%, rgba(42, 39, 34, 0.08) 100%);
  --ll-border-gold: rgba(164, 128, 71, 0.92);
  --ll-border-soft: rgba(164, 128, 71, 0.38);
  --ll-border-gold-strong: rgba(196, 160, 95, 0.74);
  --ll-accent-gold: #b18b4f;
  --ll-accent-gold-soft: #c4a05f;
  --ll-text-light: #f7f2eb;
  --ll-text-dark: #181410;
  --ll-text-muted: rgba(247, 242, 235, 0.72);
  --ll-text-muted-dark: rgba(24, 20, 16, 0.68);
  --ll-text-on-light: #181410;
  --ll-text-on-light-muted: rgba(24, 20, 16, 0.68);
  --ll-text-on-dark: #c4a05f;
  --ll-text-on-dark-strong: #ddb574;
  --ll-text-on-dark-muted: rgba(196, 160, 95, 0.78);
  --ll-shadow-premium: 0 26px 76px rgba(0, 0, 0, 0.42);
  --ll-shadow-line: inset 0 0 0 1px rgba(134, 100, 48, 0.24);
  --ll-shadow-frame: inset 0 0 0 1px rgba(255, 255, 255, 0.34);
  --ll-window-line: rgba(164, 128, 71, 0.3);
  --ll-window-line-soft: rgba(164, 128, 71, 0.15);
  --ll-radius-card: 30px;
  --ll-radius-panel: 20px;
  --ll-space-2xs: 0.35rem;
  --ll-space-xs: 0.6rem;
  --ll-space-sm: 0.95rem;
  --ll-space-md: 1.35rem;
  --ll-space-lg: 2rem;
  --ll-space-xl: 3rem;
  --ll-space-2xl: 4.75rem;
  --ll-max-width: 1500px;
  --ll-header-logo-width: clamp(112px, 9vw, 168px);
  --ll-header-title-width: min(100%, 980px);
  --ll-header-row-height: 138px;
  --ll-line-thickness: 1px;
}

@media (max-width: 992px) {
  :root {
    --ll-header-logo-width: clamp(78px, 12vw, 116px);
    --ll-header-title-width: min(100%, 520px);
    --ll-header-row-height: auto;
    --ll-space-xl: 2.4rem;
    --ll-space-2xl: 3.25rem;
  }
}

@media (max-width: 640px) {
  :root {
    --ll-header-logo-width: clamp(66px, 18vw, 92px);
    --ll-header-title-width: min(100%, 340px);
    --ll-space-lg: 1.35rem;
    --ll-space-xl: 2rem;
    --ll-space-2xl: 2.4rem;
    --ll-radius-card: 24px;
    --ll-radius-panel: 18px;
  }
}

@media (max-width: 390px) {
  :root {
    --ll-header-logo-width: clamp(58px, 19vw, 82px);
    --ll-header-title-width: min(100%, 280px);
    --ll-space-md: 1rem;
    --ll-space-lg: 1.1rem;
    --ll-space-xl: 1.55rem;
    --ll-space-2xl: 1.9rem;
    --ll-radius-card: 22px;
    --ll-radius-panel: 16px;
  }
}