/* 大昌裝飾材料 — Design tokens（依 Claude Design 定稿） */
:root{
  /* Color */
  --c-bg:#F2EEE7;          /* 石灰白 頁面底 */
  --c-bg-2:#E4DDD1;        /* 燕麥 次底色、圖片佔位 */
  --c-ink:#1F1E1C;         /* 炭黑 主文字、主分隔線 */
  --c-ink-2:#6E6A63;       /* 岩灰 次文字 */
  --c-line:#CFC7BA;        /* 1px 分隔線 */
  --c-accent:#A65A33;      /* 陶土赭 強調（面積要小） */
  --c-dark:#2A2826;        /* Footer、Contact */
  --c-dark-muted:#CFC7BA;  /* 深色區塊次文字 */
  --c-dark-line:#6E6A63;   /* 深色區塊分隔線 */
  --c-dark-wordmark:#36332F;
  --c-receipt:#FAF8F3;     /* 試算估價單底 */

  /* Font */
  --f-serif:"Noto Serif TC",serif;
  --f-sans:"Noto Sans TC",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,monospace;

  /* Type scale */
  --fs-h1:64px; --fs-h1-inner:56px; --fs-h2:40px; --fs-h3:22px; --fs-h3-sm:17px; --fs-h4:17px;
  --fs-number:56px; --fs-quote:26px; --fs-body:16px; --fs-body-lg:17px; --fs-body-sm:15px;
  --fs-caption:13px; --fs-label:11px; --fs-tag:10.5px;

  /* Spacing (8px base) */
  --s-1:8px; --s-2:16px; --s-3:24px; --s-4:32px; --s-6:48px; --s-8:64px; --s-12:96px; --s-16:128px;
  --page-x:64px;            /* 頁面左右邊距 */
  --section-y:128px;        /* 區塊垂直間距 */
  --gutter:24px;
  --container:1440px;
  --header-h:80px;
  --header-h-compact:64px;
  --mobile-bar-h:64px;

  --radius:0;
  --dur:150ms;
}

@media (max-width:767px){
  :root{
    --fs-h1:34px; --fs-h1-inner:34px; --fs-h2:26px; --fs-number:36px; --fs-quote:20px;
    --page-x:20px; --section-y:72px; --gutter:16px; --header-h:60px; --header-h-compact:60px;
  }
}