:root {
  color-scheme: light;
  --lt-brand: #5b3ff5;
  --lt-brand-hover: #4930dc;
  --lt-brand-deep: #332189;
  --lt-brand-soft: #eeeafe;
  --lt-action: #ff9f2f;
  --lt-action-hover: #f28a13;
  --lt-action-ink: #2e1b02;
  --lt-ink: #201b33;
  --lt-ink-soft: #4f495e;
  --lt-muted: #746f80;
  --lt-canvas: #f6f5f9;
  --lt-surface: #fff;
  --lt-surface-soft: #f0eef8;
  --lt-line: #e5e2eb;
  --lt-success: #198754;
  --lt-danger: #c53d4a;
  --lt-radius-sm: 10px;
  --lt-radius-md: 16px;
  --lt-radius-lg: 24px;
  --lt-shadow-float: 0 20px 60px rgba(35, 26, 79, .16);
  --lt-shell: 1320px;
  --lt-gutter: clamp(16px, 3vw, 32px);
  --lt-focus: #21136f;
  --lt-font: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-family: var(--lt-font);
}

html {
  min-width: 320px;
  background: var(--lt-canvas);
  overflow-x: clip;
}

body,
button,
input,
select,
textarea {
  font-family: var(--lt-font);
}

button,
input,
select,
textarea {
  font-weight: 300;
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--lt-focus);
  outline-offset: 3px;
}

.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 300;
  font-feature-settings: "liga";
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}