/* Згенеровано з studio/desktop/Sources/LumadeosStudio/UI/AppTheme.swift —
   не редагувати руками: python3 studio/desktop/scripts/export_web_tokens.py */
:root {
  /* Colors · Background */
  --lm-bg-base: #0A0A0A;
  --lm-bg-surface: #161616;
  --lm-bg-raised: #1E1E1E;
  --lm-bg-prominent: #2C2C2C;
  /* Colors · Border */
  --lm-border-primary: rgba(255, 255, 255, 0.16);
  --lm-border-subtle: rgba(255, 255, 255, 0.12);
  --lm-border-divider: rgba(255, 255, 255, 0.44);
  --lm-border-control: rgba(255, 255, 255, 0.36);
  /* Colors · Text */
  --lm-text-primary: rgba(255, 255, 255, 1.0);
  --lm-text-secondary: rgba(255, 255, 255, 0.8);
  --lm-text-tertiary: rgba(255, 255, 255, 0.62);
  --lm-text-muted: rgba(255, 255, 255, 0.5);
  /* Colors · Accent */
  --lm-accent-timecode: #C9A96A;
  --lm-accent-primary: #C9A96A;
  --lm-accent-bright: #E7D4AB;
  --lm-accent-spotlight: #C9A96A;
  /* Colors · Status */
  --lm-status-error: #E54F4F;
  --lm-status-success: #4FB85F;
  --lm-status-warning: #E5A33B;
  /* Radius */
  --lm-radius-xs: 3px;
  --lm-radius-xs-sm: 4px;
  --lm-radius-sm: 6px;
  --lm-radius-md: 10px;
  --lm-radius-md-lg: 12px;
  --lm-radius-lg: 14px;
  --lm-radius-xl: 20px;
  /* Spacing */
  --lm-space-xxs: 2px;
  --lm-space-xs: 4px;
  --lm-space-sm: 6px;
  --lm-space-sm-md: 8px;
  --lm-space-md: 10px;
  --lm-space-md-lg: 12px;
  --lm-space-lg: 14px;
  --lm-space-lg-xl: 16px;
  --lm-space-xl: 20px;
  --lm-space-xl-xxl: 24px;
  --lm-space-xxl: 28px;
  /* Font size */
  --lm-font-micro: 8px;
  --lm-font-xxs: 9px;
  --lm-font-xs: 10px;
  --lm-font-sm: 11px;
  --lm-font-sm-md: 12px;
  --lm-font-md: 13px;
  --lm-font-md-lg: 14px;
  --lm-font-lg: 15px;
  --lm-font-xl: 18px;
  --lm-font-title1: 22px;
  --lm-font-title2: 28px;
  --lm-font-display: 36px;
  /* Border width */
  --lm-border-width-hairline: 0.5px;
  --lm-border-width-thin: 1px;
  --lm-border-width-medium: 1.5px;
  --lm-border-width-thick: 2px;
  /* Opacity */
  --lm-opacity-opaque: 1;
  --lm-opacity-subtle: 0.04;
  --lm-opacity-hint: 0.06;
  --lm-opacity-faint: 0.08;
  --lm-opacity-soft: 0.1;
  --lm-opacity-muted: 0.15;
  --lm-opacity-moderate: 0.25;
  --lm-opacity-medium: 0.35;
  --lm-opacity-strong: 0.55;
  --lm-opacity-high: 0.7;
  --lm-opacity-prominent: 0.8;
  /* Tracking */
  --lm-tracking-tight: -0.5px;
  --lm-tracking-normal: 0px;
  --lm-tracking-wide: 1.5px;
  /* Icon size */
  --lm-icon-xxs: 12px;
  --lm-icon-xs: 14px;
  --lm-icon-sm: 18px;
  --lm-icon-sm-md: 20px;
  --lm-icon-md: 22px;
  --lm-icon-md-lg: 24px;
  --lm-icon-lg: 26px;
  --lm-icon-lg-xl: 28px;
  --lm-icon-xl: 30px;
  /* Motion */
  --lm-anim-hover: 150ms;
  --lm-anim-transition: 200ms;
  /* Type — системний шрифт як у SwiftUI; Inter/Geist Mono — ті самі, що вшиті в десктоп */
  --lm-family-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", system-ui, sans-serif;
  --lm-family-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", system-ui, sans-serif;
  --lm-family-mono: "Geist Mono", "SF Mono", ui-monospace, Menlo, monospace;
  /* Shadows (AppTheme.Shadow) */
  --lm-shadow-sm: 0 0.5px 1px rgba(0, 0, 0, 0.3);
  --lm-shadow-md: 0 2px 4px rgba(0, 0, 0, 0.3);
  --lm-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.25);
}
/* Системне «Збільшити контраст» (macOS, iOS, Windows): тексти й межі яскравіші */
@media (prefers-contrast: more) {
  :root {
    --lm-text-secondary: rgba(255, 255, 255, 0.92);
    --lm-text-tertiary: rgba(255, 255, 255, 0.84);
    --lm-text-muted: rgba(255, 255, 255, 0.72);
    --lm-border-primary: rgba(255, 255, 255, 0.5);
    --lm-border-subtle: rgba(255, 255, 255, 0.4);
    --lm-border-control: rgba(255, 255, 255, 0.7);
  }
}
/* «Зменшити рух»: ховер і переходи без анімації */
@media (prefers-reduced-motion: reduce) {
  :root { --lm-anim-hover: 0ms; --lm-anim-transition: 0ms; }
}
/* Перемикач доступності (сайт і кабінет): ті самі значення на вибір людини */
:root[data-contrast="more"] {
  --lm-text-secondary: rgba(255, 255, 255, 0.92);
  --lm-text-tertiary: rgba(255, 255, 255, 0.84);
  --lm-text-muted: rgba(255, 255, 255, 0.72);
  --lm-border-primary: rgba(255, 255, 255, 0.5);
  --lm-border-subtle: rgba(255, 255, 255, 0.4);
  --lm-border-control: rgba(255, 255, 255, 0.7);
}
:root[data-motion="reduce"] { --lm-anim-hover: 0ms; --lm-anim-transition: 0ms; }