:root {
  color-scheme: dark;
  --navy-950: #0b0f14;
  --navy-900: #111923;
  --navy-800: #263848;
  --blue-600: #28dfff;
  --brand-cyan: #28dfff;
  --brand-sky: #73b8d9;
  --blue-100: #1d2b38;
  --canvas: #0b0f14;
  --surface: #17212c;
  --surface-soft: #1d2b38;
  --surface-raised: #263848;
  --surface-strong: #31485b;
  --ink: #e8edf2;
  --muted: #aab4be;
  --line: #394b5b;
  --line-strong: #5b7184;
  --on-accent: #03111d;
  --success: #5ad3a4;
  --success-soft: #12382f;
  --warning: #f6c667;
  --warning-soft: #3a2b13;
  --danger: #ff8795;
  --danger-soft: #431d26;
  --factory-accent: #1d4ed8;
  --shadow-sm: 0 8px 24px rgb(0 0 0 / 22%);
  --shadow-lg: 0 28px 72px rgb(0 0 0 / 44%);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --content-width: 1480px;
}