/* Maple Font V7.8, using bold */
@font-face {
  font-family: "MapleMono";
  font-display: swap;
  font-weight: bold;
  src: url("/assets/font/woff2.woff2") format("woff2");
  src: url("/assets/font/ttf.ttf") format("ttf");
}

:root {
  --bg: #11111b;
  --bg-alt: #1e1e2e;
  --bg-alt-soft: #313244;
  --text: #cdd6f4;
  --text-muted: #a6adc8;
  --primary: #f5c2e7;
  --primary-accent: #f38ba8;
  --primary-alt: #89b4fa;
  --radius-s: 4px;
  --radius-m: 8px;
  --radius-l: 14px;
  --shadow-1: 0 1px 3px rgba(0,0,0,0.35);
  --shadow-2: 0 4px 14px -2px rgba(0,0,0,0.5);
  --focus-ring: 0 0 0 3px rgba(137,180,250,0.55);
  --transition: 0.25s cubic-bezier(.4,.2,.2,1);
  font-size: 16px;
  color-scheme: dark;
}

/* main {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: clamp(0.75rem, 2vw, 1.5rem);
  flex: 1 0 auto;
} */

main {
  margin-top: 1.4rem;
  display: grid;
  gap: 1.4rem;
}

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--text);
  font-family: MapleMono, monospace;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}

body {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: clamp(0.75rem, 2vw, 1.5rem);
  flex: 1 0 auto;
}


.unstyled {
  list-style: none;
  padding: 0;
  margin: 0;
}

.site-footer {
  margin-top: 2rem;
  text-align: center;
  padding: 1.5rem .5rem 2rem;
  font-size: .7rem;
  color: var(--text-muted);
  line-height: 1.4;
}
.site-footer a {
  color: var(--primary-accent);
  font-weight: 600;
  position: relative;
}
.site-footer a:hover {
  color: var(--primary-alt);
}