/* ========================================================================
   ORIGIN 原點網頁工作室 — 設計 Token
   所有顏色、字體、間距、動效參數統一在此定義，styles.css 不得硬編碼數值
   ======================================================================== */

:root {
  /* ---- RGB 三元組（供 rgb(var(--x-rgb) / alpha) 使用，避免字面值散落各處） ---- */
  --accent-rgb: 201 169 106;
  --bg-rgb: 10 10 11;
  --text-rgb: 242 238 230;

  /* ---- 色彩系統：暗黑奢華 ---- */
  --color-bg: #0A0A0B;
  --color-surface: #141417;
  --color-surface-2: #1C1C21;
  --color-text: #F2EEE6;
  --color-text-dim: rgb(var(--text-rgb) / 0.55);
  /* dimmer 由 0.35 提升至 0.5：對 #0A0A0B 對比 ≈ 4.78:1，通過 WCAG AA */
  --color-text-dimmer: rgb(var(--text-rgb) / 0.5);
  --color-accent: #C9A96A;
  --color-accent-hover: #D8BB85;
  --color-accent-deep: #9A7B45;
  --color-line: rgb(var(--accent-rgb) / 0.25);
  --color-line-soft: rgb(var(--accent-rgb) / 0.12);
  --color-danger: #E08A6E;

  /* ---- 字體家族 ---- */
  --font-display: "Noto Serif TC", "Noto Serif", serif;
  --font-body: "Noto Sans TC", "Noto Sans", sans-serif;
  --font-label: "Space Grotesk", "Noto Sans TC", monospace;

  /* ---- 字級：流體排版 ---- */
  --text-hero: clamp(2.6rem, 1.2rem + 6.5vw, 7rem);
  --text-h2: clamp(1.9rem, 1rem + 3.2vw, 3.6rem);
  --text-h3: clamp(1.4rem, 1rem + 1.4vw, 2rem);
  --text-lg: clamp(1.15rem, 1rem + .5vw, 1.5rem);
  --text-base: clamp(1rem, .95rem + .3vw, 1.125rem);
  --text-sm: clamp(.875rem, .85rem + .1vw, .95rem);
  --text-label: 12px;
  --text-ghost: clamp(6rem, 3rem + 18vw, 22rem);

  /* ---- 間距節奏 ---- */
  --space-section: clamp(5rem, 4rem + 8vw, 12rem);
  --space-xs: .5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: 5rem;
  --container-max: 1400px;
  --container-pad: clamp(1.25rem, 1rem + 3vw, 5rem);

  /* ---- 動效 ---- */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 250ms;
  --dur-normal: 400ms;
  --dur-slow: 700ms;

  /* ---- 其他 ---- */
  --radius-sm: 2px;
  --radius-md: 4px;
  --border-w: 1px;
  --shadow-gold: 0 8px 30px -6px rgb(var(--accent-rgb) / 0.35);
  --z-nav: 100;
  --z-overlay: 200;
  --z-grain: 999;
  --z-sticky-cta: 90;
}