@font-face {
  font-family: 'ChicagoFLF';
  src: url('../assets/fonts/ChicagoFLF.ttf') format('truetype');
}
@font-face {
  font-family: 'Geneva';
  src: url('../assets/fonts/Geneva.ttf') format('truetype');
}

:root {
  --ui-bg:          #c0c0c0;
  --ui-dark:        #808080;
  --ui-light:       #ffffff;
  --ui-black:       #000000;
  --bezel-radius:   12px;
  --font-ui:        'ChicagoFLF', 'Geneva', monospace;
  --titlebar-light: #F8F8F8;
  --titlebar-grad-top: #D9D9FE;
  --titlebar-grad-bot: #B2B2D8;

  --win-compact-w:  320px;
  --win-compact-h:  240px;
  --win-expanded-w: min(640px, 90vw);
  --win-expanded-h: min(500px, 80vh);
}

@media (max-width: 768px) {
  :root {
    --win-compact-w:  88vw;
    --win-compact-h:  220px;
    --win-expanded-w: 92vw;
    --win-expanded-h: 75vh;
  }
}