@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;600;700&family=Ma+Shan+Zheng&display=swap');

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

:root {
  --gold: #c8a050;
  --gold-light: #e8c878;
  --gold-pale: rgba(200,160,80,0.12);
  --gold-border: rgba(200,160,80,0.25);
  --cream: #f5efe4;
  --brown-dark: #2c1a0e;
  --brown-mid: rgba(44,26,14,0.5);
  --blue-dark: #1a2f6a;
  --blue-mid: #2b4a8a;
  --font-serif: 'Noto Serif TC', serif;
  --font-title: 'Ma Shan Zheng', serif;
}

body {
  font-family: var(--font-serif);
  background: var(--cream);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

.screen {
  max-width: 480px;
  margin: 0 auto;
  min-height: 100vh;
  position: relative;
  background: var(--cream);
}