:root {
  --lm-blue: #0b5ed7;
  --lm-green: #16a34a;
  --lm-orange: #f59e0b;
  --lm-red: #ef4444;
  --lm-gray: #687280;

  --lm-primary: var(--lm-blue);
  --lm-success: var(--lm-green);
  --lm-warning: var(--lm-orange);
  --lm-danger: var(--lm-red);

  --lm-primary-50: color-mix(in srgb, var(--lm-blue) 8%, white);
  --lm-primary-100: color-mix(in srgb, var(--lm-blue) 14%, white);
  --lm-primary-200: color-mix(in srgb, var(--lm-blue) 28%, white);
  --lm-primary-300: color-mix(in srgb, var(--lm-blue) 46%, white);
  --lm-primary-400: color-mix(in srgb, var(--lm-blue) 72%, white);
  --lm-primary-500: var(--lm-blue);
  --lm-primary-600: color-mix(in srgb, var(--lm-blue) 88%, black);
  --lm-primary-700: color-mix(in srgb, var(--lm-blue) 76%, black);
  --lm-primary-800: color-mix(in srgb, var(--lm-blue) 64%, black);
  --lm-primary-900: color-mix(in srgb, var(--lm-blue) 50%, black);

  --lm-green-50: color-mix(in srgb, var(--lm-green) 10%, white);
  --lm-green-100: color-mix(in srgb, var(--lm-green) 18%, white);
  --lm-green-600: color-mix(in srgb, var(--lm-green) 86%, black);
  --lm-green-700: color-mix(in srgb, var(--lm-green) 72%, black);

  --lm-orange-50: color-mix(in srgb, var(--lm-orange) 14%, white);
  --lm-orange-100: color-mix(in srgb, var(--lm-orange) 24%, white);
  --lm-orange-600: color-mix(in srgb, var(--lm-orange) 82%, black);
  --lm-orange-700: color-mix(in srgb, var(--lm-orange) 68%, black);

  --lm-red-50: color-mix(in srgb, var(--lm-red) 10%, white);
  --lm-red-100: color-mix(in srgb, var(--lm-red) 18%, white);
  --lm-red-600: color-mix(in srgb, var(--lm-red) 86%, black);
  --lm-red-700: color-mix(in srgb, var(--lm-red) 72%, black);

  --lm-gray-50: color-mix(in srgb, var(--lm-gray) 6%, white);
  --lm-gray-100: color-mix(in srgb, var(--lm-gray) 12%, white);
  --lm-gray-200: color-mix(in srgb, var(--lm-gray) 22%, white);
  --lm-gray-300: color-mix(in srgb, var(--lm-gray) 38%, white);
  --lm-gray-400: color-mix(in srgb, var(--lm-gray) 62%, white);
  --lm-gray-500: var(--lm-gray);
  --lm-gray-600: color-mix(in srgb, var(--lm-gray) 82%, black);
  --lm-gray-700: color-mix(in srgb, var(--lm-gray) 68%, black);
  --lm-gray-800: color-mix(in srgb, var(--lm-gray) 52%, black);
  --lm-gray-900: color-mix(in srgb, var(--lm-gray) 36%, black);

  --lm-primary-hover: var(--lm-primary-600);
  --lm-primary-soft: var(--lm-primary-50);
  --lm-green-soft: var(--lm-green-50);
  --lm-warning-soft: var(--lm-orange-50);
  --lm-danger-soft: var(--lm-red-50);

  --lm-text: var(--lm-gray-900);
  --lm-text-muted: var(--lm-gray);
  --lm-text-subtle: var(--lm-gray-400);
  --lm-text-on-primary: #ffffff;
  --lm-text-on-dark: #ffffff;

  --lm-bg: var(--lm-gray-50);
  --lm-bg-muted: var(--lm-gray-100);
  --lm-surface: #ffffff;
  --lm-surface-2: var(--lm-gray-50);
  --lm-surface-dark: var(--lm-primary-800);

  --lm-border: var(--lm-gray-200);
  --lm-border-strong: var(--lm-gray-300);
  --lm-border-focus: var(--lm-primary-400);

  --lm-font: "Poppins", system-ui, sans-serif;
  --lm-fs-xs: 0.75rem;
  --lm-fs-sm: 0.875rem;
  --lm-fs-md: 1rem;
  --lm-fs-lg: 1.125rem;
  --lm-fs-xl: 1.5rem;
  --lm-fs-2xl: 2rem;
  --lm-fs-3xl: 2.5rem;
  --lm-lh: 1.6;
  --lm-lh-tight: 1.25;

  --lm-space-1: 0.25rem;
  --lm-space-2: 0.5rem;
  --lm-space-3: 0.75rem;
  --lm-space-4: 1rem;
  --lm-space-5: 1.5rem;
  --lm-space-6: 2rem;
  --lm-space-8: 3rem;
  --lm-space-10: 4rem;

  --lm-radius-sm: 0.375rem;
  --lm-radius: 0.75rem;
  --lm-radius-lg: 1.15rem;
  --lm-radius-full: 999px;

  --lm-shadow: 0 8px 24px color-mix(in srgb, var(--lm-primary) 10%, transparent);
  --lm-shadow-lg: 0 18px 44px color-mix(in srgb, var(--lm-gray-900) 14%, transparent);
  --lm-focus: 0 0 0 3px var(--lm-primary-200);

  --lm-container: 72rem;
  --lm-header-h: 4.25rem;
  --lm-sidebar-w: 16.5rem;
  --lm-z-header: 40;
  --lm-z-dropdown: 50;
  --lm-z-modal: 80;
  --lm-z-toast: 90;
}