:root {
  color-scheme: dark;
  --color-bg: #070807;
  --color-bg-soft: #0c0f0e;
  --color-surface: #111513;
  --color-surface-2: #171d1a;
  --color-panel: #101412;
  --color-panel-2: #17201c;
  --color-text: #eef4f7;
  --color-text-soft: #c8d5dc;
  --color-muted: #8fa1ad;
  --color-faint: #5d707c;
  --color-line: rgba(238, 244, 247, 0.11);
  --color-line-strong: rgba(238, 244, 247, 0.2);
  --color-accent: #67d8c7;
  --color-accent-2: #8ec7ff;
  --color-warning: #d7a84b;
  --color-critical: #d86868;
  --color-success: #78d39c;
  --shadow-soft: 0 24px 80px rgba(0, 0, 0, 0.34);
  --shadow-panel: 0 18px 50px rgba(0, 0, 0, 0.22);
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --container: 1240px;
  --section-y: 112px;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}