:root {
  --fx-bg-primary: #0a0a0f;
  --fx-bg-secondary: #12121a;
  --fx-bg-elevated: #1a1a26;
  --fx-bg-glass: rgba(26, 26, 38, 0.72);
  --fx-blue-deep: #0066ff;
  --fx-blue-mid: #0099ff;
  --fx-cyan-bright: #00d4ff;
  --fx-gradient-brand: linear-gradient(135deg, #0066ff 0%, #00d4ff 100%);
  --fx-silver-light: #e8e8ec;
  --fx-silver-mid: #a0a0b0;
  --fx-silver-dark: #6b6b7b;
  --fx-border-silver: rgba(160, 160, 176, 0.25);
  --fx-success: #00c896;
  --fx-danger: #ff4d6a;
  --fx-warning: #ffb020;
  --fx-info: #00d4ff;
  --fx-text-primary: #f0f0f5;
  --fx-text-secondary: #a0a0b0;
  --fx-text-muted: #6b6b7b;
  --fx-radius: 12px;
  --fx-radius-lg: 16px;
  --fx-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
}

html[data-theme='light'] {
  --fx-bg-primary: #f4f6fa;
  --fx-bg-secondary: #ffffff;
  --fx-bg-elevated: #ffffff;
  --fx-bg-glass: rgba(255, 255, 255, 0.92);
  --fx-text-primary: #0a0a0f;
  --fx-text-secondary: #4a4a5a;
  --fx-text-muted: #6b6b7b;
  --fx-border-silver: rgba(10, 10, 15, 0.08);
}