/* ============================================================
   設計系統 Design Tokens（:root 變數）
   來源 style.css 行 7-75（純搬移，內容未改）
   ============================================================ */

:root {
  /* ---- Color ---- */
  --c-brand: #ED6D1F;
  --c-yellow: #f39800;
  --c-brand-hover: #eb6120;
  --c-accent: #ffb12f;
  --c-deep: #8d5800;
  --c-text: #222222;
  --c-text-2: #1d1d1d;
  --c-text-muted: rgba(33, 33, 32, .8);
  --c-text-black: #000;
  --c-text-white: #fff;
  --c-on-dark: #ffffff;
  --c-black: #000000;
  --c-on-dark-muted: rgba(255, 255, 255, .8);
  --c-placeholder: #7d7d7c;
  --c-bg-black: #000000;
  --c-bg-dark: #222222;
  --c-bg-white: #ffffff;
  --c-bg-input: #f9f9f9;
  --c-glass-60: rgba(255, 255, 255, .6);
  --c-glass-36: rgba(255, 255, 255, .36);
  --c-glass-10: rgba(255, 255, 255, .1);
  --c-divider: #616161;
  --c-grey-light: #d8d8d8;
  --c-input-border: #d3d3d3;
  --c-shadow: rgba(0, 0, 0, .25);

  /* ---- 風格統一新增：收編原本散落、但常用的色（值＝原值，零視覺變動）---- */
  --c-grey-dark: #525252;
  --c-grey-mid: #9fa0a0;
  --c-teal: #005355;
  --c-bg-page: #f0f0f0;
  --c-bg-section: #ececec;
  --grad-header: linear-gradient(-22.24deg, #f39800 17.97%, #8d5800 21.98%, #191919 38.25%, #191919 82.67%);

  /* ---- Font ---- */
  --f-display: 'Montserrat', 'Inter', 'Noto Sans TC', sans-serif;
  --f-body: 'Inter', 'Noto Sans TC', sans-serif;
  --f-deco: 'Michroma', 'Montserrat', sans-serif;

  /* ---- Font size (desktop) ---- */
  --fs-display: 92px;
  --fs-6xl: 96px;
  --fs-5xl: 64px;
  --fs-4xl: 60px;
  --fs-3xl: 48px;
  --fs-2xl: 40px;
  --fs-xl: 32px;
  --fs-lg: 24px;
  --fs-md: 20px;
  --fs-base: 18px;
  --fs-sm: 16px;
  --fs-caption: 15px;
  --fs-xs: 14px;

  /* ---- Radius ---- */
  --r-xs: 3px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 15px;
  --r-xl: 20px;
  --r-2xl: 40px;
  --r-pill: 30px;
  --r-pillMd: 35px;
  --r-pil50: 50px;
  --r-pillLg: 60px;
  --r-pillXl: 81px;
  --r-capsule: 150px;
  --r-full: 9999px;

  /* ---- Shadow ---- */
  --sh-card: 5px 5px 20px 0 rgba(0, 0, 0, .25);
  --sh-card-strong: 10px 5px 20px 0 rgba(0, 0, 0, .25);
  --sh-cta: 11px 7px 19px 0 rgba(0, 0, 0, .25);
  --sh-header: 0 -20px 42.6px 0 rgba(0, 0, 0, .25);
  --sh-input: 0 0 4px 1px rgba(0, 0, 0, .08);

  /* ---- Layout ---- */
  --header-h: 101px;
  --container-pad: clamp(1rem, 4vw, 5rem);
}

/* RWD（原 3998-4001）*/
@media (max-width: 767.98px) {
  :root {
    --header-h: 72px;
  }
}