/* ==========================================================================
   base.css — 全站共用基礎樣式
   所有頁面必須在頁面專屬 CSS 之前引入此檔案
   ========================================================================== */

/* --- CSS Reset --- */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* --- 全域變數 --- */
:root {
    --primary-orange: #FF6F00;
    --primary-dark: #E05B00;
    --text-muted: #666666;
    font-size: 14px; /* 小手機 < 414px 基準 */
}

/* 一般手機 414px ~ 768px */
@media (min-width: 414px) {
    :root {
        font-size: clamp(14px, 3.8vw, 18px);
    }
}

/* 平板以上 ≥ 768px */
@media (min-width: 768px) {
    :root {
        font-size: 18px;
    }
}

/* 桌面 ≥ 1024px */
@media (min-width: 1024px) {
    :root {
        font-size: 16px;
    }
}

/* 大桌面 ≥ 1440px */
@media (min-width: 1440px) {
    :root {
        font-size: 18px;
    }
}