:root {
  color-scheme: dark;
  --color-logo-blue: #0b1c3f;
  --color-bg: #0b1c3f;
  --color-surface: #0a1931;
  --color-surface-muted: #0d203d;
  --color-text: #ffffff;
  --color-text-muted: #94a3b8;
  --color-primary: #3b82f6;
  --color-primary-soft: rgba(59, 130, 246, 0.2);
  --color-accent: #f39800;
  --color-accent-light: #f8b84e;
  --color-border: rgba(255, 255, 255, 0.1);
  --color-control: rgba(255, 255, 255, 0.05);
  --color-surface-disabled: rgba(10, 25, 49, 0.72);
  --body-background: linear-gradient(180deg, #0b1c3f 0%, #0b1c3f 150px, #081832 62%, #051026 100%);
  --shadow-panel: 0 2px 8px rgba(0, 0, 0, 0.3);

  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --content-width: 900px;
  --font-body: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #0d0d0d;
  --color-surface: #1a1a1a;
  --color-surface-muted: #202020;
  --color-text: #e5e5e5;
  --color-text-muted: #888888;
  --color-primary: #60a5fa;
  --color-primary-soft: rgba(96, 165, 250, 0.18);
  --color-surface-disabled: rgba(26, 26, 26, 0.72);
  --color-border: rgba(255, 255, 255, 0.08);
  --body-background: linear-gradient(155deg, #202020 0%, #151515 48%, #0d0d0d 100%);
}

[data-theme="light"] {
  color-scheme: light;
  --color-bg: #f0f4f8;
  --color-surface: #ffffff;
  --color-surface-muted: #edf5ff;
  --color-text: #1a202c;
  --color-text-muted: #64748b;
  --color-primary: #2563eb;
  --color-primary-soft: rgba(37, 99, 235, 0.12);
  --color-border: rgba(0, 0, 0, 0.1);
  --color-control: rgba(0, 0, 0, 0.04);
  --color-surface-disabled: rgba(255, 255, 255, 0.72);
  --body-background: linear-gradient(155deg, #dbeafe 0%, #edf5ff 46%, #f0f4f8 100%);
  --shadow-panel: 0 2px 8px rgba(15, 23, 42, 0.1);
}