:root {
  --ship-surface-50: #f7faff;
  --ship-surface-100: #edf3ff;
  --ship-surface-200: #d5dfef;
  --ship-surface-300: #b7c6dd;
  --ship-surface-400: #8495af;
  --ship-surface-500: #5d6e85;
  --ship-surface-600: #53647c;
  --ship-surface-700: #3c506d;
  --ship-surface-800: #243c65;
  --ship-surface-900: #1e304e;
  --ship-surface-950: #172741;
  --ship-brand-50: #f0f4ff;
  --ship-brand-100: #e2e9ff;
  --ship-brand-200: #c8d6ff;
  --ship-brand-300: #a4bcfa;
  --ship-brand-400: #7095ed;
  --ship-brand-500: #264fc5;
  --ship-brand-600: #2044ac;
  --ship-brand-700: #1e3e98;
  --ship-brand-800: #1c3477;
  --ship-brand-900: #1a2e5f;
  --ship-brand-950: #151c3f;
  --ship-success-100: #e7f3ef;
  --ship-success-500: #246e51;
  --ship-success-900: #0b3d27;
  --ship-warning-100: #fbeed3;
  --ship-warning-500: #85581c;
  --ship-warning-900: #422c05;
  --ship-error-100: #fce5e4;
  --ship-error-500: #bf2d3a;
  --ship-error-900: #54121d;
  --ship-info-100: #e0ecfb;
  --ship-info-500: #2762c9;
  --ship-info-900: #122f63;
  --ship-white: #ffffff;
  --ship-scrim: #080f1d;
  --ship-on-brand: #ffffff;
  --ship-action: #264fc5;
  --ship-action-hover: #2044ac;
  --ship-font-sans: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --ship-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  --ship-code-bg: #0d1728;
  --ship-code-text: #edf2fc;
  --ship-code-muted: #9aa9c0;
  --ship-code-border: #233047;
  --ship-code-accent: #a4bcfa;
  --ship-code-success: #a6d7c0;
  --ship-radius: 12px;
  --ship-shadow: 0 12px 36px #23477514;
}

.dark {
  --ship-surface-50: #080f1d;
  --ship-surface-100: #0d1728;
  --ship-surface-200: #233047;
  --ship-surface-300: #34445d;
  --ship-surface-400: #61718a;
  --ship-surface-500: #8d9db7;
  --ship-surface-600: #9aa9c0;
  --ship-surface-700: #b4c1d6;
  --ship-surface-800: #d2def1;
  --ship-surface-900: #e0e9f9;
  --ship-surface-950: #edf2fc;
  --ship-brand-50: #111c3b;
  --ship-brand-100: #1a2e5f;
  --ship-brand-200: #1c3477;
  --ship-brand-300: #3155ab;
  --ship-brand-400: #2044ac;
  --ship-brand-500: #a4bcfa;
  --ship-brand-600: #a4bcfa;
  --ship-brand-700: #b7ccff;
  --ship-brand-800: #cddbff;
  --ship-brand-900: #e4ecff;
  --ship-brand-950: #f0f4ff;
  --ship-success-100: #0b3d27;
  --ship-success-500: #74d3a3;
  --ship-success-900: #e7f3ef;
  --ship-warning-100: #422c05;
  --ship-warning-500: #fbbf24;
  --ship-warning-900: #fbeed3;
  --ship-error-100: #54121d;
  --ship-error-500: #f87171;
  --ship-error-900: #fce5e4;
  --ship-info-100: #122f63;
  --ship-info-500: #82b5ff;
  --ship-info-900: #e0ecfb;
  --ship-white: #0d1728;
  --ship-shadow: 0 12px 36px #00000024;
}