/*
Theme Name: Niiice Layout2
Theme URI: https://niiiceturbo.com
Author: Niiice Design
Author URI: https://niiiceturbo.com
Description: 版型二「室內設計服務」1:1 重刻主題 — 去 Elementor / JetEngine 間接層，內容真相層維持 wp_options（home-info / about-info / service-info / contact-info / site-info），前台每個可編輯槽直接印 data-aisw-locator。視覺單一真相 = CAPTURE_REPORT（母站 template-layout2.niiiceturbosites.com）。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: niiice-layout2
*/

/* =========================================================
   Design Tokens（值全部取自母站 CSS，非目測 — 見 CAPTURE_REPORT ①）
   ========================================================= */
:root {
  /* ---- 色票（Blocksy palette 1:1）---- */
  --palette-1: #EB6144;  /* 主強調（連結 initial、按鈕主底、selection 背景） */
  --palette-2: #F1785E;  /* 強調 hover（連結 / footer 連結 / header CTA hover） */
  --palette-3: #5A4E47;  /* 內文字、次要按鈕文字與框 */
  --palette-4: #3A312C;  /* 標題色、深色區塊底、overlay 基色 */
  --palette-5: #E2D6CC;  /* 邊框色（全站 1px hairline） */
  --palette-6: #FFF2EA;  /* 淺橘底（header 頂列、hover 底、nav pill hover） */
  --palette-7: #FFFAF7;  /* 主背景（header 中列、accordion / 卡片底） */
  --palette-8: #FFFFFF;  /* 白 */
  --palette-9: #FFFFFF;  /* 白（深底上的文字、chip 底） */
  --palette-10: #BBBBBB; /* 淡灰（少用） */
  --palette-11: #F4EFEA; /* 米灰底（footer、pricing 區、送出鈕底、輪播 dots） */

  /* ---- 語意別名 ---- */
  --color-accent: var(--palette-1);
  --color-accent-hover: var(--palette-2);
  --color-text: var(--palette-3);
  --color-heading: var(--palette-4);
  --color-border: var(--palette-5);
  --color-bg: var(--palette-7);
  --color-bg-soft: var(--palette-6);
  --color-bg-muted: var(--palette-11);
  --color-white: #FFFFFF;

  /* ---- 固定 overlay 值（母站實測）---- */
  --overlay-arrow: #3A312CB3;        /* 專案輪播箭頭底（hover #3A312C） */
  --overlay-arrow-hover: #3A312C;
  --overlay-case: #3A312C33;         /* case-accordion 項目遮罩 */
  --overlay-case-active: #3A312C66;  /* case-accordion active 遮罩 */

  /* ---- 字型（DM Sans；Noto Sans TC 母站宣告但未引用 → 不納入 stack，1:1）---- */
  --font-base: 'DM Sans', Sans-Serif;

  /* ---- 全域排版 ---- */
  --fs-body: 16px;
  --lh-body: 1.65;
  --fs-h1: 32px;  --fw-h1: 500; --lh-h1: 1.5; --ls-h1: 2px;
  --fs-h2: 22px;  --fw-h2: 400; --lh-h2: 1.5; --ls-h2: 1px;
  --fs-h3: 18px;  --fs-h4: 16px; --fs-h5: 14px; --fs-h6: 14px;
  --lh-heading: 1.5; --ls-heading: 1px;

  /* Elementor global typography 對應 */
  --typo-primary-fs: 18px;   --typo-primary-lh: 1.8em;  /* accordion 標籤 / timeline 卡標 / case 標 */
  --typo-secondary-fs: 14px; --typo-secondary-lh: 1.6em;/* hero 描述 / 日期 / chip / footer */
  --typo-text-fs: 16px;      --typo-text-lh: 1.8em;     /* 卡片標題 / timeline 描述 / pricing 名稱 */
  --typo-accent-fs: 16px;    --typo-accent-fw: 600;     --typo-accent-lh: 1.8em;
  --ls-typo: 1px;

  /* eyebrow 英文小標（自訂 bbd15a7；hero 標題同組） */
  --eyebrow-fs: 14px; --eyebrow-fw: 300;

  /* 頁首 H1（自訂 f42a517：w400 uppercase，size 繼承 h1） */
  --banner-h1-fw: 400;

  /* ---- 版面節奏 ---- */
  --container-max: 1290px;
  --section-gap: 104px;              /* 大區塊上下（桌機） */
  --section-gap-m-top: 48px;         /* 手機上 */
  --section-gap-m-bottom: 80px;      /* 手機下 */
  --block-gap: 56px;                 /* 區塊內部 56-64px → 手機 24px */
  --block-gap-lg: 64px;
  --block-gap-m: 24px;
  --widget-gap: 24px;

  /* ---- 邊框 / 圓角 ---- */
  --hairline: 1px solid var(--palette-5);
  --radius-none: 0;
  --radius-pill: 64px;               /* 按鈕膠囊 */
  --radius-pill-lg: 80px;            /* contact 送出鈕 / nav pill hover */

  /* ---- 按鈕 ---- */
  --btn-fs: 15px; --btn-fw: 500;
  --btn-pad: 12px 40px;
  --btn-submit-pad: 12px 48px;

  /* ---- Header ---- */
  --header-topbar-h: 36px;
  --header-main-h: 80px;

  /* ---- 圖片槽渲染幾何（CAPTURE ④）---- */
  --hero-min-h: 70vh;      --hero-min-h-m: 480px;
  --cta-min-h: 80vh;       --cta-min-h-m: 70vh;
  --case-h: 480px;         --case-h-t: 320px;     --case-total-h-m: 400px;
  --project-card-img-h: 264px;
  --banner-min-h: 250px;   --banner-min-h-m: 240px;
  --process-node-size: 200px;
}

::selection {
  background: var(--palette-1);
  color: #ffffff;
}