/* ---------- Catppuccin Mocha palette ---------- */
:root {
  --ctp-base:     #1e1e2e;
  --ctp-mantle:   #181825;
  --ctp-crust:    #11111b;
  --ctp-text:     #cdd6f4;
  --ctp-subtext0: #a6adc8;
  --ctp-surface0: #181825;
  --ctp-surface1: #313244;
  --ctp-surface2: #45475a;
  --ctp-mauve:    #cba6f7;
  --ctp-pink:     #f5c2e7;
  --ctp-red:      #f38ba8;
  --ctp-peach:    #fab387;
  --ctp-yellow:   #f9e2af;
  --ctp-green:    #a6e3a1;
  --ctp-teal:     #94e2d5;
  --ctp-sky:      #89dceb;
  --ctp-blue:     #89b4fa;
  --ctp-lavender: #b4befe;
}

/* page background & text */
body {
  background: var(--ctp-base);
  color: var(--ctp-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* site title header */
.site-title {
  display: inline-block;
  padding: .6rem 1rem;
  border-radius: 6px;
  color: var(--ctp-lavender);
  font-weight: 700;
  font-size: 2rem;
  text-decoration: none;
}

/* centered section headers */
.linkstack h2 {
  margin: 1.2rem 0 .4rem;
  color: var(--ctp-lavender);
  font-size: 1.1rem;
  font-weight: 600;
  text-align: center;
text-decoration: underline;
}

/* link buttons wrapper */
.linkstack {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  max-width: 480px;
  margin: 0 auto;
}

/* multi-coloured buttons (covers all links inside .linkstack) */
.link-btn:nth-of-type(1) { background: var(--ctp-mauve);  color: var(--ctp-base); }
.link-btn:nth-of-type(2) { background: var(--ctp-blue);  color: var(--ctp-base); }
.link-btn:nth-of-type(3) { background: var(--ctp-green); color: var(--ctp-base); }
.link-btn:nth-of-type(4) { background: var(--ctp-peach);   color: var(--ctp-base); }
.link-btn:nth-of-type(5) { background: var(--ctp-teal);   color: var(--ctp-base); }
.link-btn:nth-of-type(6) { background: var(--ctp-red);     color: var(--ctp-base); }

.link-btn {
  display: block;
  padding: .9rem 1.2rem;
  border-radius: 8px;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  transition: background .2s ease;
}

/* hover: lighten each colour */
.link-btn:nth-of-type(1):hover { background: var(--ctp-pink);  }
.link-btn:nth-of-type(2):hover { background: var(--ctp-sky);  }
.link-btn:nth-of-type(3):hover { background: var(--ctp-yellow); }
.link-btn:nth-of-type(4):hover { background: var(--ctp-yellow); }
.link-btn:nth-of-type(5):hover { background: var(--ctp-sky);  }
.link-btn:nth-of-type(6):hover { background: var(--ctp-pink);  }

/* hide micro.blog footer */
.attribution.custom_footer { display: none; }