:root {
  --ds-surface: #171717;
  --ds-surface-variant: #1f1e1e;
  --ds-on-surface: #ebebeb;
  --ds-on-surface-variant: #cacaca;
  --ds-surface-container: #1f1e1e;
  --ds-surface-container-high: #282727;
  --ds-surface-container-low: #171717;
  --ds-on-surface-container: #ebebeb;
  --ds-surface-backdrop-filter: none;
  --ds-surface-box-shadow: none;
  --ds-primary: white;
  --ds-primary-container: white;
  --ds-on-primary: #ffffff;
  --ds-on-primary-container: #000000;
  --ds-primary-variant: gray;
  --ds-secondary: rgb(229, 231, 235);
  --ds-secondary-container: white;
  --ds-on-secondary: #000000;
  --ds-on-secondary-container: #ebebeb;
  --ds-secondary-variant: #cacaca;
  --ds-tertiary: #DED9D9;
  --ds-tertiary-container: #cbcbcb;
  --ds-on-tertiary: #000000;
  --ds-on-tertiary-container: #171717;
  --ds-tertiary-variant: #ebebeb;
  --ds-error: rgb(220, 38, 38);
  --ds-error-container: #fca5a5;
  --ds-on-error: #ffffff;
  --ds-on-error-container: #7f1d1d;
  --ds-error-variant: rgba(220, 38, 38, 0.8);
  --ds-success: #22c55e;
  --ds-success-container: #86efac;
  --ds-on-success: #ffffff;
  --ds-on-success-container: #14532d;
  --ds-success-variant: rgb(45, 105, 67);
  --ds-warning: #f59e0b;
  --ds-warning-container: #fcd34d;
  --ds-on-warning: #ffffff;
  --ds-on-warning-container: #78350f;
  --ds-warning-variant: #fbbf24;
  --ds-info: #6b7280;
  --ds-info-container: #d1d5db;
  --ds-on-info: #ffffff;
  --ds-on-info-container: #111827;
  --ds-info-variant: #9ca3af;
  --ds-outline: #282727;
  --ds-outline-variant: #64748b;
  --ds-hover-state-layer: rgba(255, 255, 255, 0.05);
  --ds-focus-state-layer: rgba(30, 144, 255, 0.12);
  --ds-pressed-state-layer: rgba(255, 255, 255, 0.1);
  --ds-backdrop-blur: blur(10px);
  --ds-backdrop-blur-sm: blur(4px);
  --ds-backdrop-blur-md: blur(8px);
  --ds-backdrop-blur-lg: blur(16px);
  --ds-backdrop-blur-xl: blur(24px);
  --ds-backdrop-saturation: saturate(180%);
  --ds-backdrop-brightness: brightness(1.1);
  --ds-bg-opacity-surface: 0.8;
  --ds-bg-opacity-surface-container: 0.9;
  --ds-bg-opacity-surface-container-high: 0.95;
  --ds-bg-opacity-overlay: 0.6;
  --ds-bg-opacity-hover: 0.1;
  --ds-bg-opacity-active: 0.2;
}

.app-background {
  background-color: rgb(23, 23, 23);
}