:root {
  --radius-main: 12px;
  --radius-sm: 8px;
  --radius-lg: 16px;
}

[data-theme="velvet-noir"] {
  --color-bg: var(--velvet-noir-color-bg);
  --color-panel: var(--velvet-noir-color-panel);
  --color-surface: var(--velvet-noir-color-surface);
  --color-line: var(--velvet-noir-color-line);
  --color-text: var(--velvet-noir-color-text);
  --color-muted: var(--velvet-noir-color-muted);
  --color-input: var(--velvet-noir-color-input);
  --color-button: var(--velvet-noir-color-button);
  --color-button-hover: var(--velvet-noir-color-button-hover);
  --color-accent: var(--velvet-noir-color-accent);
  --color-accent-contrast: var(--velvet-noir-color-accent-contrast);
  --color-success: var(--velvet-noir-color-success);
  --color-warning: var(--velvet-noir-color-warning);
  --color-danger: var(--velvet-noir-color-danger);
  --color-glass-bg: var(--velvet-noir-color-glass-bg);
  --color-glass-border: var(--velvet-noir-color-glass-border);
  --color-tab-bg: var(--velvet-noir-color-tab-bg);
  --color-tab-active-bg: var(--velvet-noir-color-tab-active-bg);
  --color-tab-text: var(--velvet-noir-color-tab-text);
  --color-dialog-backdrop: var(--velvet-noir-color-dialog-backdrop);
  --shadow-color: var(--velvet-noir-shadow-color);
}

[data-theme="ivory-prelude"] {
  --color-bg: var(--ivory-prelude-color-bg);
  --color-panel: var(--ivory-prelude-color-panel);
  --color-surface: var(--ivory-prelude-color-surface);
  --color-line: var(--ivory-prelude-color-line);
  --color-text: var(--ivory-prelude-color-text);
  --color-muted: var(--ivory-prelude-color-muted);
  --color-input: var(--ivory-prelude-color-input);
  --color-button: var(--ivory-prelude-color-button);
  --color-button-hover: var(--ivory-prelude-color-button-hover);
  --color-accent: var(--ivory-prelude-color-accent);
  --color-accent-contrast: var(--ivory-prelude-color-accent-contrast);
  --color-success: var(--ivory-prelude-color-success);
  --color-warning: var(--ivory-prelude-color-warning);
  --color-danger: var(--ivory-prelude-color-danger);
  --color-glass-bg: var(--ivory-prelude-color-glass-bg);
  --color-glass-border: var(--ivory-prelude-color-glass-border);
  --color-tab-bg: var(--ivory-prelude-color-tab-bg);
  --color-tab-active-bg: var(--ivory-prelude-color-tab-active-bg);
  --color-tab-text: var(--ivory-prelude-color-tab-text);
  --color-dialog-backdrop: var(--ivory-prelude-color-dialog-backdrop);
  --shadow-color: var(--ivory-prelude-shadow-color);
}

[data-theme="ember-serenade"] {
  --color-bg: var(--ember-serenade-color-bg);
  --color-panel: var(--ember-serenade-color-panel);
  --color-surface: var(--ember-serenade-color-surface);
  --color-line: var(--ember-serenade-color-line);
  --color-text: var(--ember-serenade-color-text);
  --color-muted: var(--ember-serenade-color-muted);
  --color-input: var(--ember-serenade-color-input);
  --color-button: var(--ember-serenade-color-button);
  --color-button-hover: var(--ember-serenade-color-button-hover);
  --color-accent: var(--ember-serenade-color-accent);
  --color-accent-contrast: var(--ember-serenade-color-accent-contrast);
  --color-success: var(--ember-serenade-color-success);
  --color-warning: var(--ember-serenade-color-warning);
  --color-danger: var(--ember-serenade-color-danger);
  --color-glass-bg: var(--ember-serenade-color-glass-bg);
  --color-glass-border: var(--ember-serenade-color-glass-border);
  --color-tab-bg: var(--ember-serenade-color-tab-bg);
  --color-tab-active-bg: var(--ember-serenade-color-tab-active-bg);
  --color-tab-text: var(--ember-serenade-color-tab-text);
  --color-dialog-backdrop: var(--ember-serenade-color-dialog-backdrop);
  --shadow-color: var(--ember-serenade-shadow-color);
}

[data-theme="glass-aero"] {
  --color-bg: var(--glass-aero-color-bg);
  --color-panel: var(--glass-aero-color-panel);
  --color-surface: var(--glass-aero-color-surface);
  --color-line: var(--glass-aero-color-line);
  --color-text: var(--glass-aero-color-text);
  --color-muted: var(--glass-aero-color-muted);
  --color-input: var(--glass-aero-color-input);
  --color-button: var(--glass-aero-color-button);
  --color-button-hover: var(--glass-aero-color-button-hover);
  --color-accent: var(--glass-aero-color-accent);
  --color-accent-contrast: var(--glass-aero-color-accent-contrast);
  --color-success: var(--glass-aero-color-success);
  --color-warning: var(--glass-aero-color-warning);
  --color-danger: var(--glass-aero-color-danger);
  --color-glass-bg: var(--glass-aero-color-glass-bg);
  --color-glass-border: var(--glass-aero-color-glass-border);
  --color-tab-bg: var(--glass-aero-color-tab-bg);
  --color-tab-active-bg: var(--glass-aero-color-tab-active-bg);
  --color-tab-text: var(--glass-aero-color-tab-text);
  --color-dialog-backdrop: var(--glass-aero-color-dialog-backdrop);
  --shadow-color: var(--glass-aero-shadow-color);
}

[data-theme="glass-lucid"] {
  --color-bg: var(--glass-lucid-color-bg);
  --color-panel: var(--glass-lucid-color-panel);
  --color-surface: var(--glass-lucid-color-surface);
  --color-line: var(--glass-lucid-color-line);
  --color-text: var(--glass-lucid-color-text);
  --color-muted: var(--glass-lucid-color-muted);
  --color-input: var(--glass-lucid-color-input);
  --color-button: var(--glass-lucid-color-button);
  --color-button-hover: var(--glass-lucid-color-button-hover);
  --color-accent: var(--glass-lucid-color-accent);
  --color-accent-contrast: var(--glass-lucid-color-accent-contrast);
  --color-success: var(--glass-lucid-color-success);
  --color-warning: var(--glass-lucid-color-warning);
  --color-danger: var(--glass-lucid-color-danger);
  --color-glass-bg: var(--glass-lucid-color-glass-bg);
  --color-glass-border: var(--glass-lucid-color-glass-border);
  --color-tab-bg: var(--glass-lucid-color-tab-bg);
  --color-tab-active-bg: var(--glass-lucid-color-tab-active-bg);
  --color-tab-text: var(--glass-lucid-color-tab-text);
  --color-dialog-backdrop: var(--glass-lucid-color-dialog-backdrop);
  --shadow-color: var(--glass-lucid-shadow-color);
}