/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  color-scheme: light;
  font-family: var(--m-typography-font-family-base);
  font-weight: var(--m-typography-font-weight-regular);
  line-height: var(--m-typography-line-height-normal);
  color: var(--m-color-text-default);
  --m-color-primary: #2563eb;
  --m-color-secondary: #e5e7eb;
  --m-color-surface: #ffffff;
  --m-color-text-default: #111827;
  --m-color-text-muted: #6b7280;
  --m-color-border: #d1d5db;
  --m-color-table-row-alt: #f9fafb;
  --m-color-table-row-hover: #f6f7f9;
  --m-color-danger: #dc2626;
  --m-color-success: #16a34a;
  --m-color-warning: #d97706;
  --m-color-scrim: rgba(17, 24, 39, 0.55);
  --m-radius-sm: 4px;
  --m-radius-md: 8px;
  --m-radius-lg: 12px;
  --m-radius-pill: 999px;
  --m-size-dialog-compact: 20rem;
  --m-size-dialog-standard: 32rem;
  --m-size-dialog-wide: 45rem;
  --m-size-img-compact: 20rem;
  --m-size-img-standard: 45rem;
  --m-size-img-wide: 60rem;
  --m-space-xs: 4px;
  --m-space-sm: 8px;
  --m-space-md: 16px;
  --m-space-lg: 24px;
  --m-space-xl: 32px;
  --m-typography-font-family-base: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --m-typography-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --m-typography-font-size-xs: 12px;
  --m-typography-font-size-sm: 14px;
  --m-typography-font-size-md: 16px;
  --m-typography-font-size-lg: 20px;
  --m-typography-font-size-xl: 24px;
  --m-typography-font-size-2xl: 32px;
  --m-typography-font-size-3xl: 40px;
  --m-typography-font-weight-regular: 400;
  --m-typography-font-weight-medium: 500;
  --m-typography-font-weight-bold: 700;
  --m-typography-line-height-tight: 1.25;
  --m-typography-line-height-normal: 1.5;
  --m-typography-line-height-relaxed: 1.75;
  --m-space-fluid-xs: clamp(var(--m-space-xs), 0.74cqi + 0.132rem, var(--m-space-sm));
  --m-space-fluid-sm: clamp(var(--m-space-sm), 1.47cqi + 0.265rem, var(--m-space-md));
  --m-space-fluid-md: clamp(var(--m-space-md), 1.47cqi + 0.765rem, var(--m-space-lg));
  --m-space-fluid-lg: clamp(var(--m-space-lg), 1.47cqi + 1.265rem, var(--m-space-xl));
  --m-typography-font-size-fluid-xs: clamp(var(--m-typography-font-size-xs), 0.37cqi + 0.691rem, var(--m-typography-font-size-sm));
  --m-typography-font-size-fluid-sm: clamp(var(--m-typography-font-size-sm), 0.37cqi + 0.816rem, var(--m-typography-font-size-md));
  --m-typography-font-size-fluid-md: clamp(var(--m-typography-font-size-md), 0.74cqi + 0.882rem, var(--m-typography-font-size-lg));
  --m-typography-font-size-fluid-lg: clamp(var(--m-typography-font-size-lg), 0.74cqi + 1.132rem, var(--m-typography-font-size-xl));
  --m-typography-font-size-fluid-xl: clamp(var(--m-typography-font-size-xl), 1.47cqi + 1.265rem, var(--m-typography-font-size-2xl));
  --m-typography-font-size-fluid-2xl: clamp(var(--m-typography-font-size-2xl), 1.47cqi + 1.765rem, var(--m-typography-font-size-3xl));
}

:root[data-m-theme="dark"] {
  color-scheme: dark;
  --m-color-primary: #3b82f6;
  --m-color-secondary: #1f2937;
  --m-color-surface: #14161a;
  --m-color-text-default: #f3f4f6;
  --m-color-text-muted: #9ca3af;
  --m-color-border: #4b5563;
  --m-color-table-row-alt: #1a1d22;
  --m-color-table-row-hover: #232730;
  --m-color-danger: #ef4444;
  --m-color-success: #22c55e;
  --m-color-warning: #f59e0b;
  --m-color-scrim: rgba(0, 0, 0, 0.7);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-m-theme="light"]) {
    color-scheme: dark;
    --m-color-primary: #3b82f6;
    --m-color-secondary: #1f2937;
    --m-color-surface: #14161a;
    --m-color-text-default: #f3f4f6;
    --m-color-text-muted: #9ca3af;
    --m-color-border: #4b5563;
    --m-color-table-row-alt: #1a1d22;
    --m-color-table-row-hover: #232730;
    --m-color-danger: #ef4444;
    --m-color-success: #22c55e;
    --m-color-warning: #f59e0b;
    --m-color-scrim: rgba(0, 0, 0, 0.7);
  }
}

:root[data-m-theme="light"] {
  color-scheme: light;
  --m-color-primary: #2563eb;
  --m-color-secondary: #e5e7eb;
  --m-color-surface: #ffffff;
  --m-color-text-default: #111827;
  --m-color-text-muted: #6b7280;
  --m-color-border: #d1d5db;
  --m-color-table-row-alt: #f9fafb;
  --m-color-table-row-hover: #f6f7f9;
  --m-color-danger: #dc2626;
  --m-color-success: #16a34a;
  --m-color-warning: #d97706;
  --m-color-scrim: rgba(17, 24, 39, 0.55);
}