:root {
  color-scheme: light;
  --rt-color-theme: #635bff;
  --rt-bg: #f6f8ff;
  --rt-surface: rgba(255, 255, 255, 0.82);
  --rt-surface-solid: #ffffff;
  --rt-surface-muted: rgba(248, 250, 252, 0.88);
  --rt-text: #101828;
  --rt-muted: #667085;
  --rt-border: rgba(15, 23, 42, 0.1);
  --rt-primary: #635bff;
  --rt-primary-rgb: 99, 91, 255;
  --rt-primary-2: #00b8ff;
  --rt-accent: #ff7a59;
  --rt-accent-rgb: 255, 122, 89;
  --rt-success: #16a34a;
  --rt-success-rgb: 22, 163, 74;
  --rt-warning: #f59e0b;
  --rt-warning-rgb: 245, 158, 11;
  --rt-danger: #ef4444;
  --rt-danger-rgb: 239, 68, 68;
  --rt-purple: #6d28d9;
  --rt-purple-rgb: 109, 40, 217;
  --rt-white: #fff;
  --rt-dark-bg: #070a12;
  --rt-dark-surface: rgba(17, 24, 39, 0.74);
  --rt-dark-surface-solid: #101828;
  --rt-dark-surface-muted: rgba(15, 23, 42, 0.88);
  --rt-dark-text: #f8fafc;
  --rt-dark-muted: #aab3c5;
  --rt-dark-border: rgba(255, 255, 255, 0.12);
  --rt-shadow: 0 24px 80px rgba(15, 23, 42, 0.12);
  --rt-shadow-soft: 0 14px 42px rgba(15, 23, 42, 0.08);
  --rt-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.08);
  --rt-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.18);
  --rt-dark-shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
  --rt-dark-shadow-soft: 0 14px 42px rgba(0, 0, 0, 0.26);
  --rt-dark-shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.22);
  --rt-ring: 0 0 0 3px rgba(var(--rt-primary-rgb), 0.14);
  --rt-radius-xl: 34px;
  --rt-radius-lg: 26px;
  --rt-radius-md: 18px;
  --rt-radius-sm: 10px;
  --rt-round: 12px;
  --rt-radius: var(--rt-round);
  --rt-page-gutter: clamp(14px, 2vw, 32px);
  --rt-shell-padding: clamp(24px, 4vw, 46px);
  --rt-panel-padding: clamp(16px, 2vw, 22px);
  --rt-nav-height: 72px;
  --admin-sidebar-w: 260px;
  --rt-grid-columns: 12;
  --rt-grid-gutter-x: 1.5rem;
  --rt-grid-gutter-y: 0;
  --rt-container-padding-x: 0.75rem;
  --rt-margin-0: 0;
  --rt-margin-1: 0.5rem;
  --rt-margin-2: 1rem;
  --rt-margin-3: 1.5rem;
  --rt-margin-4: 2rem;
  --rt-margin-5: 2.5rem;
  --rt-margin-6: 3rem;
  --rt-padding-0: 0;
  --rt-padding-1: 0.5rem;
  --rt-padding-2: 1rem;
  --rt-padding-3: 1.5rem;
  --rt-padding-4: 2rem;
  --rt-padding-5: 2.5rem;
  --rt-padding-6: 3rem;
  --rt-gap-1: 0.5rem;
  --rt-gap-2: 0.75rem;
  --rt-gap-3: 1rem;
  --rt-gap-4: 1.5rem;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --rt-bg: var(--rt-dark-bg);
  --rt-surface: var(--rt-dark-surface);
  --rt-surface-solid: var(--rt-dark-surface-solid);
  --rt-surface-muted: var(--rt-dark-surface-muted);
  --rt-text: var(--rt-dark-text);
  --rt-muted: var(--rt-dark-muted);
  --rt-border: var(--rt-dark-border);
  --rt-shadow: var(--rt-dark-shadow);
  --rt-shadow-soft: var(--rt-dark-shadow-soft);
  --rt-shadow-sm: var(--rt-dark-shadow-sm);
  --rt-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}