@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&display=swap');

:root {
  --kt-bg: #0b1112;
  --kt-surface: #12191b;
  --kt-surface-2: #161f22;
  --kt-text: #e6efe9;
  --kt-text-muted: #b0beb7;
  --kt-text-muted-2: #8a9891;
  --kt-border: #1f2b2f;
  --kt-accent: #19c36b;
  --kt-accent-2: #0f9a55;
  --kt-danger: #ef4444;
  --kt-warning: #f59e0b;
  --kt-success: #19c36b;
  --kt-radius-sm: 0;
  --kt-radius-md: 0;
  --kt-radius-lg: 0;
}

:root[data-theme='light'] {
  --kt-bg: #f6faf8;
  --kt-surface: #ffffff;
  --kt-surface-2: #eef3f1;
  --kt-text: #0a1211;
  --kt-text-muted: #4c5b56;
  --kt-text-muted-2: #66736f;
  --kt-border: #cfd9d4;
  --kt-accent: #0f9a55;
  --kt-accent-2: #0b7d44;
  --kt-danger: #dc2626;
  --kt-warning: #d97706;
  --kt-success: #0f9a55;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Fira Code', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  font-variant-numeric: tabular-nums;
  line-height: 1.6;
  color: var(--kt-text);
  background: var(--kt-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: var(--kt-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}

a:hover {
  color: var(--kt-accent-2);
}

::selection {
  background: var(--kt-accent);
  color: var(--kt-bg);
}