:root {
  --lm-slate-950: #11151b;
  --lm-slate-900: #171c24;
  --lm-slate-850: #1c222b;
  --lm-slate-800: #242b35;
  --lm-slate-750: #2c333e;
  --lm-slate-700: #363d47;
  --lm-slate-600: #535a64;
  --lm-blue-100: #c1e1ff;
  --lm-blue-300: #86c0ff;
  --lm-blue-500: #5aa9ff;
  --lm-blue-700: #3b6fb6;
  --lm-gold-100: #f4df9d;
  --lm-gold-300: #e8c468;
  --lm-gold-600: #b8893a;
  --lm-cream: #f3e9cf;
  --lm-success: #a9d5b1;
  --lm-warning: #f0c66e;
  --lm-error: #e59a91;
  --lm-info: #9acbfa;
  --lm-text-primary: #f4f0e8;
  --lm-text-secondary: #c1bdb4;
  --lm-text-muted: #96969a;
  --lm-text-disabled: #7b7d81;
  --lm-transparent: transparent;

  --lm-gradient-blue: linear-gradient(180deg, var(--lm-blue-500), var(--lm-blue-700));
  --lm-gradient-blue-hover: linear-gradient(180deg, var(--lm-blue-300), var(--lm-blue-700));
  --lm-gradient-gold: linear-gradient(180deg, var(--lm-gold-100), var(--lm-gold-600));
  --lm-gradient-slate: linear-gradient(180deg, var(--lm-slate-700), var(--lm-slate-900));
  --lm-gradient-neutral: linear-gradient(180deg, #6a675f, #45454a);
  --lm-gradient-border: linear-gradient(180deg, rgba(255, 255, 255, 0.48), rgba(0, 0, 0, 0.46));
  --lm-bg-texture:
    radial-gradient(ellipse at 20% 0%, rgba(113, 137, 164, 0.16), var(--lm-transparent) 42%),
    radial-gradient(ellipse at 90% 85%, rgba(161, 127, 67, 0.1), var(--lm-transparent) 38%),
    repeating-linear-gradient(117deg, rgba(255, 255, 255, 0.012) 0, rgba(255, 255, 255, 0.012) 1px, var(--lm-transparent) 1px, var(--lm-transparent) 4px);

  --lm-radius-0: 0px;
  --lm-radius-1: 4px;
  --lm-radius-2: 8px;
  --lm-radius-3: 12px;
  --lm-radius-4: 16px;
  --lm-radius-pill: 999px;
  --lm-border-subtle: 0.5px;
  --lm-border-standard: 1px;
  --lm-border-prominent: 1.5px;
  --lm-focus-width: 2px;
  --lm-focus-offset: 2px;

  --lm-shadow-1: 0 5px 12px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  --lm-shadow-2: 0 10px 22px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.18), inset 0 -1px 0 rgba(0, 0, 0, 0.32);
  --lm-shadow-3: 0 18px 42px rgba(0, 0, 0, 0.52), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.4);
  --lm-shadow-inset: inset 0 2px 5px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  --lm-shadow-glass-hover: inset 0 1px 0 var(--lm-glass-edge), var(--lm-glow-blue);
  --lm-shadow-glass-selected: inset 0 1px 0 var(--lm-glass-edge);
  --lm-glow-blue: 0 0 14px rgba(90, 169, 255, 0.42);
  --lm-glow-blue-strong: 0 0 20px rgba(90, 169, 255, 0.62);
  --lm-glow-gold: 0 0 12px rgba(232, 196, 104, 0.24);
  --lm-glow-frame: 0 0 28px rgba(232, 196, 104, 0.17);
  --lm-glass-fill: rgba(255, 255, 255, 0.08);
  --lm-glass-edge: rgba(255, 255, 255, 0.18);
  --lm-glass-shadow: rgba(0, 0, 0, 0.16);
  --lm-menu-bar-height: 60px;
  --lm-menu-mark-size: 32px;
  --lm-control-height: 40px;
  --lm-menu-chevron-size: 7px;
  --lm-menu-dropdown-min-width: 248px;
  --lm-whatsapp-green: #25d366;
  --lm-card-image-ratio: 16 / 9;
  --lm-card-image-height: 224px;
  --lm-card-primary-border: rgba(134, 192, 255, 0.48);
  --lm-card-neutral-border: rgba(232, 196, 104, 0.36);
  --lm-about-surface: linear-gradient(125deg, var(--lm-slate-700), var(--lm-blue-700) 52%, var(--lm-slate-800));
  --lm-about-highlight: rgba(193, 225, 255, 0.22);
  --lm-footer-surface: linear-gradient(180deg, var(--lm-slate-900), var(--lm-slate-950));
  --lm-footer-mark-size: 40px;

  --lm-icon-sm: 14px;
  --lm-icon-md: 18px;
  --lm-icon-lg: 22px;
  --lm-space-1: 4px;
  --lm-space-2: 8px;
  --lm-space-3: 12px;
  --lm-space-4: 16px;
  --lm-space-5: 24px;
  --lm-space-6: 32px;
  --lm-space-7: 48px;
  --lm-space-0: 0px;

  --lm-font-family: "Avenir Next", "Segoe UI", sans-serif;
  --lm-font-size-sm: 12px;
  --lm-font-size-md: 14px;
  --lm-font-size-lg: 16px;
  --lm-font-size-xl: 20px;
  --lm-font-size-display: 28px;
  --lm-line-height: 1.45;
  --lm-duration: 180ms;
  --lm-spinner-duration: 900ms;
  --lm-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

[data-lm-theme="light"] {
  --lm-slate-950: #e7e2d8;
  --lm-slate-900: #f3e9cf;
  --lm-slate-850: #eee4ce;
  --lm-slate-800: #e3dac7;
  --lm-slate-750: #d5cbb7;
  --lm-slate-700: #c8beaa;
  --lm-slate-600: #aaa18f;
  --lm-text-primary: #292a2e;
  --lm-text-secondary: #4c4b49;
  --lm-text-muted: #68655f;
  --lm-text-disabled: #89857d;
  --lm-gradient-slate: linear-gradient(180deg, #f3e9cf, #d9d0bd);
}