:root {
  color-scheme: dark;
  background-color: var(--oogc-bg);
  --oogc-bg: #040e18;
  --oogc-surface: #0a1825;
  --oogc-surface-2: #102438;
  --oogc-border: #1c3347;
  --oogc-primary: #087aff;
  --oogc-primary-hover: #3595ff;
  --oogc-text: #f2f6ff;
  --oogc-text-secondary: #b6c7d9;
  --oogc-muted: #8098ae;
  --oogc-success: #33c49c;
  --oogc-warning: #ffb14a;
  --oogc-danger: #ff6572;
  --oogc-focus: #77c8ff;
  --oogc-radius-sm: 6px;
  --oogc-radius: 12px;
  --oogc-radius-lg: 18px;
  --oogc-space-1: 4px;
  --oogc-space-2: 8px;
  --oogc-space-3: 12px;
  --oogc-space-4: 16px;
  --oogc-space-5: 24px;
  --oogc-space-6: 32px;
  --oogc-container: 1800px;
  --oogc-sidebar: 204px;
  --oogc-rightbar: 288px;
  --oogc-header-height: 74px;
  --oogc-shadow: 0 14px 42px #0005;
  --oogc-shadow-primary: 0 4px 22px #087aff30;
  --oogc-transition: 180ms ease;
  --oogc-font: Inter, "Segoe UI", "Microsoft YaHei", system-ui, sans-serif;
  --oogc-font-xs: 12px;
  --oogc-font-sm: 13px;
  --oogc-font-base: 14px;
  --oogc-font-lg: 18px;
  --oogc-font-title: clamp(30px, 3.1vw, 49px);
  --oogc-z-header: 100;
  --oogc-z-scrim: 180;
  --oogc-z-drawer: 190;
  --oogc-z-toast: 250;
  /* CSS variables cannot be interpolated in @media; matching values are documented here. */
  --oogc-breakpoint-wide: 1440px;
  --oogc-breakpoint-tablet: 1200px;
  --oogc-breakpoint-mobile: 760px;
}