/* 手帳風共用樣式：放在各頁自己的 <style> 後面載入，覆蓋配色和字體 */
@import url("https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC:wght@400;700&family=Noto+Sans+TC:wght@400;500;700&display=swap");

:root{
  color-scheme:light;
  --paper:#FBF6EC; --sheet:#FFFDF8; --brown:#4A3B2F; --brown2:#8A7560; --grid:#E8DDC9;
  --sakura:#EFB7B0; --matcha:#A8C09A; --sky:#A9C7DE; --ginkgo:#E8B84A; --stamp:#C4553D;
  --hand:"LXGW WenKai TC","Noto Sans TC","PingFang TC","Microsoft JhengHei",serif;
  --sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;
  --mono:"LXGW WenKai TC","Noto Sans TC",ui-monospace,monospace;

  /* 對應各頁原本的變數 */
  --bg:var(--paper); --panel:var(--sheet); --ink:var(--brown); --ink2:var(--brown2);
  --line:var(--grid); --chip:#F4EADB; --accent:#B5562F; --focus:#B5562F;
  --hi:#C4553D; --mid:#D9932E; --lo:#6E9461; --warnbg:#F8E3DA;
  --move:#A89A88; --eat:#D9932E; --shop:#B5562F; --see:#6E9461; --rest:#8A7560; --fly:#6C8FB0;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --paper:#262019; --sheet:#30281F; --brown:#F1E6D6; --brown2:#BCA98F; --grid:#43382C;
    --bg:var(--paper); --panel:var(--sheet); --ink:var(--brown); --ink2:var(--brown2); --line:var(--grid);
    --chip:#3A3025; --accent:#F0A17A; --focus:#F0A17A; --hi:#F08C76; --mid:#F2B35C; --lo:#A9C79A; --warnbg:#45302A;
    --move:#8C7F6E; --eat:#F2B35C; --shop:#F0A17A; --see:#A9C79A; --rest:#BCA98F; --fly:#9DBBD6;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --paper:#262019; --sheet:#30281F; --brown:#F1E6D6; --brown2:#BCA98F; --grid:#43382C;
  --bg:var(--paper); --panel:var(--sheet); --ink:var(--brown); --ink2:var(--brown2); --line:var(--grid);
  --chip:#3A3025; --accent:#F0A17A; --focus:#F0A17A; --hi:#F08C76; --mid:#F2B35C; --lo:#A9C79A; --warnbg:#45302A;
  --move:#8C7F6E; --eat:#F2B35C; --shop:#F0A17A; --see:#A9C79A; --rest:#BCA98F; --fly:#9DBBD6;
}

/* 點格紙 */
body{
  background-color:var(--paper);
  background-image:radial-gradient(var(--grid) 1.1px,transparent 1.2px);
  background-size:18px 18px;
  color:var(--ink);
}
h1,h2,h3,.t,.title{font-family:var(--hand)}
h1{letter-spacing:.04em}

/* 卡片像貼在手帳上的紙 */
section,.dayhead,.detail,.list,.side,.card,.box{border-color:var(--grid)}
section,.dayhead{box-shadow:0 1px 0 var(--grid),0 8px 18px -14px rgba(74,59,47,.45)}

/* 紙膠帶裝飾：加 class="tape" 的元素頂端貼一條 */
.tape{position:relative}
.tape::before{content:"";position:absolute;top:-9px;left:50%;width:84px;height:18px;transform:translateX(-50%) rotate(-3deg);
  background:repeating-linear-gradient(45deg,rgba(255,255,255,.35) 0 6px,transparent 6px 12px),var(--sakura);opacity:.85;border-radius:2px}

:focus-visible{outline:2px solid var(--accent);outline-offset:2px}