/* 整站主題 token：色調（--th/--thc）＋亮暗（data-mode），全頁共用
 * 由「我的→外觀」設定，localStorage drip_theme / drip_mode 記憶 */
:root{
  /* 主題色調：--th 色相、--thc 中性色染色倍率（「我的→外觀」可選，html[data-th] 切換） */
  --th:65;--thc:1.9;   /* 預設「暖炭」，與 home 的石墨藍區別 */
  --bg:oklch(.984 calc(.005*var(--thc)) var(--th));--surf:oklch(.998 calc(.003*var(--thc)) var(--th));--surf2:oklch(.965 calc(.0075*var(--thc)) var(--th));
  --ink:oklch(.33 calc(.007*var(--thc)) var(--th));--ink2:oklch(.53 calc(.007*var(--thc)) var(--th));--ink3:oklch(.66 calc(.006*var(--thc)) var(--th));
  --line:oklch(.33 calc(.008*var(--thc)) var(--th)/.13);
  --ac:oklch(.64 .12 230);--acink:oklch(.42 .10 235);--actint:oklch(.64 .12 230/.10);
  --navbg:oklch(.305 calc(.012*var(--thc)) var(--th));--navtxt:oklch(.80 calc(.008*var(--thc)) var(--th));--navact:oklch(.27 .05 235);
  --navglass:oklch(1 0 0/.40);--navedge:oklch(1 0 0/.55);--navicon:oklch(.42 calc(.01*var(--thc)) var(--th));
  --dang:oklch(.55 .15 25);--okc:oklch(.55 .13 152);
  --logo-member:url(/img/logo-member.svg);
  --sb-thumb:oklch(.33 calc(.01*var(--thc)) var(--th)/.22);--sb-thumb-hover:oklch(.33 calc(.01*var(--thc)) var(--th)/.38);
  --fd:'Schibsted Grotesk','Noto Sans TC',sans-serif;
  --fb:'Hanken Grotesk','Noto Sans TC',sans-serif;
}
@media (prefers-color-scheme:dark){:root{
  --bg:oklch(.215 calc(.005*var(--thc)) var(--th));--surf:oklch(.256 calc(.006*var(--thc)) var(--th));--surf2:oklch(.245 calc(.006*var(--thc)) var(--th));
  --ink:oklch(.93 calc(.005*var(--thc)) var(--th));--ink2:oklch(.74 calc(.006*var(--thc)) var(--th));--ink3:oklch(.59 calc(.006*var(--thc)) var(--th));
  --line:oklch(.93 calc(.005*var(--thc)) var(--th)/.13);
  --ac:oklch(.76 .10 230);--acink:oklch(.82 .08 232);--actint:oklch(.76 .10 230/.13);
  --navbg:oklch(.32 calc(.008*var(--thc)) var(--th));--navtxt:oklch(.80 calc(.008*var(--thc)) var(--th));--navact:oklch(.24 .04 235);
  --navglass:oklch(.30 calc(.008*var(--thc)) var(--th)/.42);--navedge:oklch(.95 calc(.005*var(--thc)) var(--th)/.16);--navicon:oklch(.86 calc(.006*var(--thc)) var(--th));
  --dang:oklch(.68 .15 25);--okc:oklch(.74 .14 152);
  --logo-member:url(/img/logo-member-dark.svg);
  --sb-thumb:oklch(1 0 0/.18);--sb-thumb-hover:oklch(1 0 0/.34);
}}

/* 手動亮暗模式（我的→外觀）：html[data-mode] 強制覆蓋，未設定＝跟隨系統 */
:root[data-mode="dark"]{
  --bg:oklch(.215 calc(.005*var(--thc)) var(--th));--surf:oklch(.256 calc(.006*var(--thc)) var(--th));--surf2:oklch(.245 calc(.006*var(--thc)) var(--th));
  --ink:oklch(.93 calc(.005*var(--thc)) var(--th));--ink2:oklch(.74 calc(.006*var(--thc)) var(--th));--ink3:oklch(.59 calc(.006*var(--thc)) var(--th));
  --line:oklch(.93 calc(.005*var(--thc)) var(--th)/.13);
  --ac:oklch(.76 .10 230);--acink:oklch(.82 .08 232);--actint:oklch(.76 .10 230/.13);
  --navbg:oklch(.32 calc(.008*var(--thc)) var(--th));--navtxt:oklch(.80 calc(.008*var(--thc)) var(--th));--navact:oklch(.24 .04 235);
  --navglass:oklch(.30 calc(.008*var(--thc)) var(--th)/.42);--navedge:oklch(.95 calc(.005*var(--thc)) var(--th)/.16);--navicon:oklch(.86 calc(.006*var(--thc)) var(--th));
  --dang:oklch(.68 .15 25);--okc:oklch(.74 .14 152);
  --logo-member:url(/img/logo-member-dark.svg);
  --sb-thumb:oklch(1 0 0/.18);--sb-thumb-hover:oklch(1 0 0/.34);
}
:root[data-mode="light"]{
  --bg:oklch(.984 calc(.005*var(--thc)) var(--th));--surf:oklch(.998 calc(.003*var(--thc)) var(--th));--surf2:oklch(.965 calc(.0075*var(--thc)) var(--th));
  --ink:oklch(.33 calc(.007*var(--thc)) var(--th));--ink2:oklch(.53 calc(.007*var(--thc)) var(--th));--ink3:oklch(.66 calc(.006*var(--thc)) var(--th));
  --line:oklch(.33 calc(.008*var(--thc)) var(--th)/.13);
  --ac:oklch(.64 .12 230);--acink:oklch(.42 .10 235);--actint:oklch(.64 .12 230/.10);
  --navbg:oklch(.305 calc(.012*var(--thc)) var(--th));--navtxt:oklch(.80 calc(.008*var(--thc)) var(--th));--navact:oklch(.27 .05 235);
  --navglass:oklch(1 0 0/.40);--navedge:oklch(1 0 0/.55);--navicon:oklch(.42 calc(.01*var(--thc)) var(--th));
  --dang:oklch(.55 .15 25);--okc:oklch(.55 .13 152);
  --logo-member:url(/img/logo-member.svg);
  --sb-thumb:oklch(.33 calc(.01*var(--thc)) var(--th)/.22);--sb-thumb-hover:oklch(.33 calc(.01*var(--thc)) var(--th)/.38);
}

/* 主題色調預設組（「我的→外觀」選擇；graphite=home 原本的石墨藍） */
:root[data-th="graphite"]{--th:240;--thc:1;}
:root[data-th="warm"]{--th:65;--thc:1.9;}
:root[data-th="forest"]{--th:175;--thc:1.7;}
:root[data-th="plum"]{--th:325;--thc:1.5;}
:root[data-th="rose"]{--th:20;--thc:1.6;}
:root[data-th="olive"]{--th:120;--thc:1.4;}
:root[data-th="ocean"]{--th:225;--thc:2.2;}
:root[data-th="indigo"]{--th:280;--thc:1.6;}