/* Generated by Theme V2. Do not edit by hand. */
/* Theme: gamer */
:root {
  --color-accent-amber: #ff9f1c;
  --color-accent-blue: #2b7cff;
  --color-accent-green: #22e58a;
  --color-accent-primary: #00d5ff;
  --color-accent-red: #ff3366;
  --color-accent-secondary: #9d4edd;
  --color-accent-yellow: #ffe66d;
  --color-bg-header: #020712;
  --color-bg-primary: #030714;
  --color-bg-secondary: #071122;
  --color-bg-tertiary: #101b35;
  --color-border: #183056;
  --color-border-light: rgba(0, 213, 255, 0.16);
  --color-border-medium: rgba(157, 78, 221, 0.28);
  --color-online: #22e58a;
  --color-online-ping: rgba(34, 229, 138, 0.78);
  --color-steam-bg: #13243f;
  --color-steam-border: #00d5ff;
  --color-steam-hover: #1a3866;
  --color-steam-text: #f6fbff;
  --color-telegram: #00a7f7;
  --color-text-muted: #64789f;
  --color-text-primary: #f6fbff;
  --color-text-secondary: #b2c7e8;
  --glass-bg: rgba(5, 14, 32, 0.74);
  --glass-border: rgba(0, 213, 255, 0.22);
  --font-sans: "Rajdhani", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --ds-motion-duration-fast: 120ms;
  --ds-motion-duration-normal: 220ms;
  --ds-radius-control: 0.55rem;
  --ds-radius-surface: 0.7rem;
  --ds-space-control-x: 0.85rem;
  --ds-space-control-y: 0.55rem;
}

.ds-control-button {
  --ds-control-button-background: var(--color-accent-primary);
  --ds-control-button-background_alt: var(--color-accent-secondary);
  --ds-control-button-radius: var(--ds-radius-control);
  --ds-control-button-text: var(--color-text-primary);
}

.ds-control-input {
  --ds-control-input-background: var(--color-bg-tertiary);
  --ds-control-input-border: var(--color-border);
  --ds-control-input-radius: var(--ds-radius-control);
  --ds-control-input-text: var(--color-text-primary);
}

.ds-feedback-flash {
  --ds-feedback-flash-background: var(--color-bg-secondary);
  --ds-feedback-flash-border: var(--color-border);
  --ds-feedback-flash-radius: var(--ds-radius-surface);
  --ds-feedback-flash-text: var(--color-text-primary);
}

.ds-navigation-header {
  --ds-navigation-header-background: var(--color-bg-header);
  --ds-navigation-header-border: var(--color-border-light);
  --ds-navigation-header-text: var(--color-text-primary);
}

.ds-surface-card {
  --ds-surface-card-background: var(--color-bg-secondary);
  --ds-surface-card-border: var(--color-border);
  --ds-surface-card-radius: var(--ds-radius-surface);
}