/* ============================================================================
   Base Styles: fonts, palette, resets, typography
   ============================================================================ */

@font-face {
  font-family: 'Pixelated MS Sans Serif';
  src: url('https://unpkg.com/98.css@0.1.20/dist/ms_sans_serif.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Pixelated MS Sans Serif';
  src: url('https://unpkg.com/98.css@0.1.20/dist/ms_sans_serif_bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  /* Windows 7 Aero Color Palette */
  --aero-blue-light: #b1dffd;
  --aero-blue-medium: #7cd3eb;
  --aero-blue-dark: #2c628b;
  --aero-blue-accent: #3c7fb1;
  --aero-cyan: #167dd1f5;
  --aero-white: #fcfcfc;
  --aero-gray-light: #f0eff2;
  --aero-gray-medium: #f6f6f6;
  --aero-gray-dark: #757575;
  --aero-border: #757575;
  --aero-highlight: rgba(255, 255, 255, 0.4);
  --aero-shadow: rgba(0, 0, 0, 0.2);
  --aero-red-close: #c17f6e;
  --aero-yellow: #f4e621;
  --aero-glass-bg: rgba(182, 216, 251, 0.18);
}

body {
  background: 
    linear-gradient(135deg, rgba(120, 200, 255, 0.35) 0%, rgba(90, 170, 230, 0.3) 45%, rgba(70, 150, 210, 0.3) 100%),
    url('../assets/background.png') center center / cover no-repeat fixed;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
  font-family: 'Pixelated MS Sans Serif', 'MS Sans Serif', Arial, sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Segoe UI", "Lucida Grande", sans-serif;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(255, 255, 255, 0.2);
  margin: 0;
}

h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; font-weight: 600; }

p, label, span {
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.4;
}

button {
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  border: none;
  font-weight: 500;
}