:root {
  --c-bg: #0d1530;
  --c-bg-2: #0a1126;
  --c-surface: #111b3a;
  --c-surface-2: #0d1530;

  --c-border: #1a2546;
  --c-border-2: #2c3863;

  --c-text: #e3e7f2;
  --c-text-2: #b8c2dc;
  --c-muted: #8a96b8;
  --c-white: #ffffff;

  --c-success: #1d9e75;
  --c-success-2: #5dcaa5;
  --c-success-bg: #0a3527;

  --c-info: #378add;
  --c-info-2: #85b7eb;
  --c-info-bg: #0e2540;

  --c-warning: #ef9f27;
  --c-warning-2: #fac775;
  --c-warning-bg: #3a2a0a;

  --c-danger: #e24b4a;
  --c-danger-2: #f09595;
  --c-danger-bg: #3a1717;

  --c-accent: #7f77dd;
  --c-accent-2: #afa9ec;

  --font-sans: 'Inter', -apple-system, 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'DM Mono', ui-monospace, monospace;

  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 8px;
  --r-xl: 12px;

  --fs-xs: 10px;
  --fs-sm: 11px;
  --fs-base: 12px;
  --fs-md: 13px;
  --fs-lg: 15px;
  --fs-xl: 18px;
  --fs-2xl: 22px;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--fs-md);
  font-weight: 400;
  background: var(--c-bg);
  color: var(--c-text);
  min-height: 100vh;
}

button {
  font-family: inherit;
  cursor: pointer;
}