/* 咖啡館（預設，relaxed；◇4.4 段 2b 照 10-10 的樣張重做，裁決 495(2)）。色值取自樣張（docs/design/refs/sample_2026-10-10/）：
   濃縮咖啡色的頂欄配奶油色字、牛皮紙色的資料時點帶、米色紙底上的奶油色紙面、烘焙棕的主鈕與中性長刻度、拿鐵色的區間帶。
   標題用自帶的襯線（M10 Serif ＝ Source Serif 4 的子集改名 ＋ Noto Serif TC 的子集）；西文與數字 M10 Sans（Source Sans 3 的子集改名，
   預設就是等寬數字）；中文內文用系統黑體。四個成分的類別色是咖啡館自己的色系（烘焙棕、陶杯藍灰、莓果、焦糖）。
   風格檔只宣告 CSS 變數（裁決 485(3)）；漲跌四色是使用者定的（478(1)(iv)），不改。 */
:root[data-theme="cafe"] {
  --color-bg: #F4EBDD;
  --color-surface: #FBF6EE;
  --color-ink: #3B2C24;
  --color-ink-muted: #6B584C;
  --color-line: #DCCBB6;
  --color-border-strong: #8F7A68;
  --color-accent: #7A4E31;
  --color-on-accent: #FBF6EE;
  --color-focus: #7A4E31;
  --color-flag-info: #6B584C;
  --color-flag-warn: #8A5A12;
  --color-flag-block: #8E2B22;
  --tone-red: #A23B2E;
  --tone-green: #3D6E4B;
  --chart-1: #7A4E31;
  --chart-2: #4E6475;
  --chart-3: #7B4B63;
  --chart-4: #8A5A12;
  --chart-5: #6B584C;
  --chart-6: #3B2C24;
  --range-track: #DCCBB6;
  --range-fill: #E3CFB6;
  --range-marker: #3B2C24;
  --range-below-zero: #8A5A12;
  --range-neutral: #7A4E31;
  --font-heading: "M10 Serif", "Noto Serif TC", "Noto Serif CJK TC", "Source Han Serif TC", "Songti TC", "PMingLiU", serif;
  --font-body: "M10 Sans", "Microsoft JhengHei UI", "Microsoft JhengHei", "PingFang TC", "Noto Sans TC", "Noto Sans CJK TC", system-ui, sans-serif;
  --font-numeric: "M10 Sans", "Segoe UI", "SF Pro Text", "Helvetica Neue", Roboto, "Microsoft JhengHei UI", sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-md: 0.9375rem;
  --text-lg: 1.0625rem;
  --text-xl: 1.375rem;
  --text-2xl: 2.125rem;
  --weight-regular: 400;
  --weight-strong: 600;
  --weight-display: 600;
  --tracking-heading: 0.01em;
  --leading-tight: 1.25;
  --leading-body: 1.6;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2.25rem;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --border-width: 1px;
  --shadow-card: 0 1px 2px rgba(59, 44, 36, 0.06), 0 8px 24px rgba(59, 44, 36, 0.05);
  --motion-duration: 180ms;
  --motion-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --content-width: 75rem;
  --shell-bg: #3B2C24;
  --shell-ink: #FBF6EE;
  --shell-muted: #D8C6B0;
  --shell-line: #3B2C24;
  --nav-bg: #FBF6EE;
  --nav-active-bg: #EFE4D3;
  --band-bg: #E8D9BF;
  --thead-bg: #F7EFE3;
  --chip-info-bg: #EFE4D3;
  --chip-warn-bg: #F1E2C8;
  --hover-bg: #F7EFE3;
  --select-bg: #E8C9A0;
  --tint-1: #EFE4D3;
  --tint-2: #E6E9EA;
  --tint-3: #EFE3E6;
  --tint-4: #F1E2C8;
  --tint-5: #EDE6DC;
  --tone-red-bg: #F5E2DC;
  --tone-green-bg: #E3ECE2;
  --stamp-rotate: -2deg;
  --swatch-1: #E3CFB6;
  --swatch-2: #7A4E31;
  --swatch-3: #3B2C24;
  --data-thead-bg: #F7EFE3;
}