/* ================================================
   base.css  — CSS 變數 + .frontend-page 基礎排版
   Source: frontend-polish.css lines 1-27
   ================================================ */

:root {
  --frontend-content-max: 1280px;
  --frontend-gutter: clamp(16px, 2.4vw, 32px);
  --frontend-card-radius: 14px;
  --frontend-card-shadow: 0 10px 26px rgba(17, 24, 39, 0.08);
  --frontend-text: #1f2e44;
}

.frontend-page {
  color: var(--frontend-text);
}

.frontend-page .ct-container {
  width: min(var(--frontend-content-max), 100% - (var(--frontend-gutter) * 2));
  margin-inline: auto;
}

.frontend-page h1,
.frontend-page h2,
.frontend-page h3 {
  line-height: 1.3;
}

.frontend-page p {
  line-height: 1.7;
}