/* === [ BASE STYLESHEET RESET DAN TOKENS ] === */

@font-face {
  font-family: 'MS Sans Serif';
  src: url('../assets/fonts/MSSansSerif.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MSSerif';
  src: url('../assets/fonts/MSSansSerif.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Terminal';
  src: url('../assets/fonts/Terminal.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Millennium';
  src: url('../assets/fonts/Millennium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MillenniumBold';
  src: url('../assets/fonts/Millennium-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  /* color palette otentik henry heffernan retro os */
  --win-teal: #3e9697;
  --win-gray: #c3c6ca;
  --win-gray-light: #dfdfdf;
  --win-gray-dark: #86898d;
  --win-white: #ffffff;
  --win-black: #000000;
  --win-frame: #2b2b2b;
  --win-navy: #0000a3;
  --win-navy-gradient: linear-gradient(90deg, #0000a3 0%, #1084d0 100%);
  --win-title-inactive: linear-gradient(90deg, #86898d 0%, #b5b5b5 100%);
  --win-text: #2b2b2b;
  --win-highlight: #0000a3;
  --win-highlight-text: #ffffff;

  /* font tokens retro ui dan body teks */
  --font-ui: 'MS Sans Serif', 'MSSerif', Tahoma, sans-serif;
  --font-body: 'Millennium', 'Times New Roman', Times, serif;
  --font-body-bold: 'MillenniumBold', 'Times New Roman', Times, serif;
  --font-mono: 'Terminal', monospace;

  /* dimensi standar taskbar dan titlebar */
  --taskbar-height: 32px;
  --titlebar-height: 20px;
}

/* css reset margin dan box sizing */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: var(--font-ui);
  font-size: 11px;
  line-height: 1.4;
  color: var(--win-black);
  background-color: var(--win-teal);
  cursor: default;
  -webkit-font-smoothing: antialiased;
}

/* standard base form controls */
button, input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  outline: none;
}

button {
  background: var(--win-gray);
  cursor: default;
}

/* styling access key underline tanpa padding ekstra */
.access-key {
  text-decoration: underline;
  display: inline;
}

/* utility class helper */
.hidden {
  display: none !important;
}