/* Raymond XP typography system */
@font-face {
  font-family: "Tahoma XP";
  src: url("./Assets/fonts/tahoma.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Tahoma XP";
  src: url("./Assets/fonts/tahomabd.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Trebuchet MS XP";
  src: url("./Assets/fonts/trebuc.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Trebuchet MS XP";
  src: url("./Assets/fonts/trebucbd.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Franklin Gothic Medium XP";
  src: url("./Assets/fonts/framd.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  --font-xp-system: "Tahoma XP", Tahoma, "MS Shell Dlg 2", sans-serif;
  --font-xp-title: "Trebuchet MS XP", "Trebuchet MS", sans-serif;
  --font-xp-display: "Franklin Gothic Medium XP", "Franklin Gothic Medium", Arial, sans-serif;
  --font-xp-shell-dialog: var(--font-xp-system);
  --font-xp-ui-size: 8pt;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-xp-system);
  font-size: var(--font-xp-ui-size);
}

.xp-menu-item,
.xp-all-programs,
.xp-footer-action,
.xp-taskbar-clock,
.skip-button,
.sound-prompt {
  font-family: var(--font-xp-shell-dialog);
}

.xp-start-menu-header strong,
.xp-window-title {
  font-family: var(--font-xp-title);
  font-weight: 700;
}

.xp-dialog-title,
.xp-display-heading {
  font-family: var(--font-xp-display);
  font-weight: 400;
}