:root {
  color-scheme: light;
  --focus-bg: #f6f8fb;
  --focus-surface: #ffffff;
  --focus-surface-muted: #edf2f7;
  --focus-text: #101828;
  --focus-muted: #667085;
  --focus-line: #d9e2ec;
  --focus-blue: #1457e5;
  --focus-blue-soft: #dbeafe;
  --focus-teal: #18a889;
  --focus-green: #079455;
  --focus-amber: #f59e0b;
  --focus-red: #e5484d;
  --focus-shadow: 0 10px 28px rgba(16, 24, 40, 0.06);
  --focus-shadow-soft: 0 8px 22px rgba(16, 24, 40, 0.08);
  --focus-shadow-popover: 0 20px 52px rgba(16, 24, 40, 0.16);
  --focus-radius: 10px;
  --focus-font: Geist, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --focus-number-font: Geist, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --focus-card: var(--focus-surface);
  --focus-input-bg: var(--focus-surface);
}

html[data-focus-theme="dark"] {
  color-scheme: dark;
  --focus-bg: #0f1720;
  --focus-surface: #151f2b;
  --focus-surface-muted: #1d2938;
  --focus-text: #f5f7fb;
  --focus-muted: #aab7c6;
  --focus-line: #2b3a4b;
  --focus-blue: #6ea8ff;
  --focus-blue-soft: #172b4f;
  --focus-teal: #45d3b6;
  --focus-green: #32d583;
  --focus-amber: #ffbd4a;
  --focus-red: #ff6b70;
  --focus-shadow: 0 22px 70px rgba(0, 0, 0, 0.32);
  --focus-shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.28);
  --focus-shadow-popover: 0 24px 70px rgba(0, 0, 0, 0.46);
}

html[data-focus-theme="dark"][data-focus-dark-variant="amoled"] {
  --focus-bg: #000;
  --focus-surface: #050505;
  --focus-surface-muted: #111;
  --focus-text: #f8fafc;
  --focus-muted: #a3a3a3;
  --focus-line: #1f1f1f;
  --focus-blue-soft: #07162f;
  --focus-shadow: 0 22px 70px rgba(0, 0, 0, 0.72);
}