:root {
  color-scheme: light;
  --lm3d-navy: #1b2a34;
  --lm3d-navy-deep: #11222d;
  --lm3d-blue: #1478d4;
  --lm3d-blue-dark: #0d5fae;
  --lm3d-blue-soft: #eaf4fc;
  --lm3d-slate: #526472;
  --lm3d-cloud: #f4f7f9;
  --lm3d-surface: #ffffff;
  --lm3d-border: #d7e1e7;
  --lm3d-border-strong: #91a5b3;
  --lm3d-success: #157347;
  --lm3d-success-soft: #edf8f2;
  --lm3d-warning: #8a4e00;
  --lm3d-warning-soft: #fff7e6;
  --lm3d-danger: #a82218;
  --lm3d-danger-soft: #fff1f0;
  --lm3d-focus: #0d5fae;
  --lm3d-radius-sm: 0.375rem;
  --lm3d-radius-md: 0.625rem;
  --lm3d-radius-lg: 0.875rem;
  --lm3d-shadow-sm: 0 0.25rem 1rem rgb(17 34 45 / 8%);
  --lm3d-shadow-lg: 0 1.25rem 3rem rgb(17 34 45 / 14%);
  --lm3d-container: 76rem;
  --lm3d-reading: 45rem;
  --lm3d-header-height: 76px;
  --lm3d-control-size: 2.75rem;
  --lm3d-space-1: 0.5rem;
  --lm3d-space-2: 0.75rem;
  --lm3d-space-3: 1rem;
  --lm3d-space-4: 1.5rem;
  --lm3d-space-5: 2rem;
  --lm3d-space-6: 3rem;
}

@media (max-width: 1023px) {
  :root {
    --lm3d-header-height: 68px;
  }
}