/* LiveMagic UI 1.1.0 — interface extension; official brand 1.0.0 stays unchanged. */
/* Source: docs/design-system/1.1.0/tokens.json. No fonts or remote dependencies. */

:root {
  --lm-ui-font-sans: var(--lm-font-sans);
  --lm-ui-font-mono: var(--lm-font-mono);
  --lm-ui-font-label: .8125rem;
  --lm-ui-font-small: .875rem;
  --lm-ui-font-body: 1rem;
  --lm-ui-font-title: 1.25rem;
  --lm-ui-font-section: 1.5rem;
  --lm-ui-font-page: 2rem;
  --lm-ui-font-display: clamp(2.75rem, 6.5vw, 5.5rem);
  --lm-ui-line-body: 1.6;
  --lm-ui-line-ui: 1.4;
  --lm-ui-line-title: 1.15;
  --lm-ui-tracking-title: -.03em;
  --lm-ui-space-1: .25rem;
  --lm-ui-space-2: .5rem;
  --lm-ui-space-3: .75rem;
  --lm-ui-space-4: 1rem;
  --lm-ui-space-5: 1.25rem;
  --lm-ui-space-6: 1.5rem;
  --lm-ui-space-8: 2rem;
  --lm-ui-space-10: 2.5rem;
  --lm-ui-space-12: 3rem;
  --lm-ui-space-16: 4rem;
  --lm-ui-space-24: 6rem;
  --lm-ui-radius-control: 8px;
  --lm-ui-radius-panel: 12px;
  --lm-ui-radius-media: 24px;
  --lm-ui-control-height: 44px;
  --lm-ui-content-max: 1280px;
  --lm-ui-reading-max: 68ch;
  --lm-ui-sidebar-width: 256px;
  --lm-ui-gutter: clamp(24px, 3vw, 56px);
  --lm-ui-duration: 160ms;
  --lm-ui-ease: cubic-bezier(.2, 0, 0, 1);
  --lm-ui-focus-width: 2px;
  --lm-ui-focus-offset: 3px;
}

:root, [data-theme="dark"] {
  --lm-ui-canvas: #171A20;
  --lm-ui-surface: #1E2229;
  --lm-ui-raised: #292E38;
  --lm-ui-text: #F5F5F3;
  --lm-ui-text-secondary: #C1C7D0;
  --lm-ui-text-muted: #A6AFBD;
  --lm-ui-border: #3D4654;
  --lm-ui-control-border: #738093;
  --lm-ui-primary: #B7B2E3;
  --lm-ui-primary-hover: #CAC5F0;
  --lm-ui-primary-ink: #16131F;
  --lm-ui-focus: #CAC5F0;
  --lm-ui-selection: #35304D;
  --lm-ui-inverse: #F7F7F5;
  --lm-ui-inverse-text: #20242B;
  --lm-ui-shadow-overlay: 0 16px 48px rgb(0 0 0 / 32%);
}

[data-theme="light"] {
  --lm-ui-canvas: #F7F7F5;
  --lm-ui-surface: #FFFFFF;
  --lm-ui-raised: #EEEFEF;
  --lm-ui-text: #20242B;
  --lm-ui-text-secondary: #515B69;
  --lm-ui-text-muted: #5C6674;
  --lm-ui-border: #D8DBE0;
  --lm-ui-control-border: #788290;
  --lm-ui-primary: #59527D;
  --lm-ui-primary-hover: #494366;
  --lm-ui-primary-ink: #FFFFFF;
  --lm-ui-focus: #59527D;
  --lm-ui-selection: #E7E3F5;
  --lm-ui-inverse: #171A20;
  --lm-ui-inverse-text: #F5F5F3;
  --lm-ui-shadow-overlay: 0 16px 48px rgb(23 26 32 / 16%);
}

@media (prefers-reduced-motion: reduce) {
  :root { --lm-ui-duration: 0ms; }
}