/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Sometype+Mono:wght@400;500;600;700&display=swap");

:root {
  --font-body: "IBM Plex Sans", Arial, Helvetica, sans-serif;
  --font-title: "Sometype Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --bg: #0f1115;
  --surface: #171a20;
  --surface-2: #1f242c;

  --border: #2a313b;

  --text: #f3f5f7;
  --text-secondary: #b8c0cc;
  --text-muted: #7d8794;

  --primary: #da2a35;
  --primary-hover: #f03a46;
  --primary-active: #b51e28;

  --accent-cool: #3aa6a0;

  --success: #3faf75;
  --warning: #d9a441;
  --error: #ff5a66;
  --info: #5a8dff;

  color-scheme: dark;
  font-family: var(--font-body);
}

* {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
  margin: 0;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-title);
  font-weight: 600;
  text-transform: lowercase;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea,
select {
  font: inherit;
}