@font-face {
  font-family: "DepartureMono";
  src: url("/res/font/DepartureMono-Regular.woff2") format("woff2");
  font-display: block;
}

* {
  box-sizing: border-box;
}

:root {
  --bg-primary: #FDFCF8;
  --bg-secondary: #F5F5F0;
  --text-primary: #1A1A1A;
  --text-secondary: #4A4A4A;
  --text-tertiary: #6A6A6A;
  --text-bright: #000000;
  --accent: #AB0000;
  --border: #D3D3D3;
  --border-dark: #A0A0A0;

  --transition: all 0.3s ease;
}

[data-theme="dark"] {
  --bg-primary: #0A0A0A;
  --bg-secondary: #1A1A1A;
  --text-primary: #E8E6E3;
  --text-secondary: #B8B6B3;
  --text-tertiary: #989693;
  --text-bright: #FFFFFF;
  --accent: #FF5B5B;
  --border: #333333;
  --border-dark: #555555;
}

.no-transitions {
  transition: none !important;
}

.hidden {
  display: none;
}

.mobile-only {
  display: none;
}

@media (max-width: 672px) {
  .mobile-only {
    display: inline;
  }

  .desktop-only {
    display: none;
  }
}