/* campus-base.css */
:root {
  --brand:#1e2a78;
  --ink:#0f172a;
  --muted:#64748b;
  --bg:#f8f9fb;
  --white:#ffffff;
  --gold:#C5A14E;
}

body {
  margin: 0;
  font-family: 'Noto Serif JP', serif;
  background: var(--bg);
  color: var(--ink);
}

/* Header */
.campus-header {
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  padding: 14px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
}

.campus-title {
      font-family: 'Crimson Pro', serif;
      font-size: clamp(13px, 0.7rem + 1vw, 21px);
      font-weight: 600;
      color: var(--brand);
      margin: 0;
    }

    .header-right {
      display: flex;
      align-items: center;
      gap: 14px;
    }

    .user-name {
      font-size: clamp(10.5px, 0.45rem + 1vw, 14px);
      color: var(--ink);
      font-weight: 500;
    }

    #logoutBtn {
      font-size: clamp(10px, 0.4rem + 1vw, 13.5px);
      background: none;
      border: none;
      color: var(--muted);
      cursor: pointer;
      padding: 4px 6px;
    }
    #logoutBtn:hover {
      text-decoration: underline;
    }

/* Footer */
.campus-footer {
  border-top: 1px solid #e5e7eb;
  text-align: center;
  font-size: 13px;
  color: var(--muted);
  padding: 14px;
}