@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/JetBrainsMono-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  --font-heading: "Cormorant Garamond", Georgia, serif;
  --font-ui: "Manrope", Arial, sans-serif;
  --font-code: "JetBrains Mono", "JetBrains Mono NL", ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --color-page: #0d0d0d;
  --color-block: #262626;
  --color-active: #3f3f3f;
  --color-brand: #14b45a;
  --color-text: #ffffff;
  --color-muted: #c8c8c8;
  --color-placeholder: rgb(255 255 255 / 28%);
  --color-border: rgb(255 255 255 / 12%);
  --color-course-card-border-hover: rgb(255 255 255 / 36%);
  --color-code-block: #161616;
  --color-code-text: #edf2f2;
  --arduino-function-color: #ff9d54;
  --arduino-type-color: #ff9d54;
  --arduino-structure-color: #a6bf17;
  --arduino-constant-color: #38cdd1;
  --arduino-string-color: #7ddde0;
  --arduino-number-color: #dce4e4;
  --arduino-operator-color: #c7d0d0;
  --arduino-comment-color: #a7b1b1;
  --arduino-block-comment-color: #7f8c8d;
  --radius-large: 50px;
  --radius-course-card: 25px;
  --radius-course-panel: 25px;
  --radius-device-menu: 25px;
  --radius-control: 8px;
}

:root[data-theme="light"] {
  --color-page: #f0ecea;
  --color-block: #ffffff;
  --color-active: #cccccc;
  --color-brand: #14b45a;
  --color-text: #2b2b2b;
  --color-muted: #5f5f5f;
  --color-placeholder: rgb(43 43 43 / 48%);
  --color-border: rgb(43 43 43 / 14%);
  --color-course-card-border-hover: rgb(43 43 43 / 42%);
  --color-code-block: #f1f2f4;
  --color-code-text: #2b2b2b;
  --arduino-function-color: #d35400;
  --arduino-type-color: #d35400;
  --arduino-structure-color: #5e6d03;
  --arduino-constant-color: #00979c;
  --arduino-string-color: #005c5f;
  --arduino-number-color: #56636a;
  --arduino-operator-color: #434f54;
  --arduino-comment-color: #434f54;
  --arduino-block-comment-color: #95a5a6;
}