/* =========================================================
   iPAS 資安工程師初級｜複習網站 — 設計基礎（色彩、字體、版面變數）
   色系沿用「Scholarly Modernism」：墨藍、米白、鏽紅、森林綠、琥珀
   ========================================================= */
:root{
  --ink:#0d1b2a; --ink-2:#1b2d42; --ink-soft:#33475e;
  --paper:#f8f4ea; --paper-2:#f1ebdc; --card:#fffdf8; --card-2:#fbf7ee;
  --rust:#a04323; --rust-soft:#c2683f; --rust-bg:#f6e7df;
  --amber:#b97a1f; --amber-2:#d39036; --amber-bg:#f9efd8;
  --forest:#2d5042; --forest-soft:#5a8a76; --forest-bg:#e2ece5;
  --blue:#2c5282; --blue-soft:#5b7fb0; --blue-bg:#e4ecf4;
  --red:#b42318; --red-bg:#fbe9e7;
  --violet:#5b3f8c; --violet-bg:#ece6f5;
  --text:#1f242b; --text-soft:#4b5563; --text-mute:#857f73;
  --line:#d9cfba; --line-soft:#e9e1cf; --line-strong:#a89d86;
  --shadow-1:0 1px 2px rgba(13,27,42,.05),0 4px 14px rgba(13,27,42,.06);
  --shadow-2:0 2px 8px rgba(13,27,42,.08),0 18px 40px rgba(13,27,42,.10);
  --radius:14px; --radius-s:9px;
  --sans:"Noto Sans TC","Noto Sans CJK TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;
  --serif:"Noto Serif TC","Noto Serif CJK TC","Songti TC","PMingLiU",serif;
  --mono:"JetBrains Mono","SFMono-Regular",Consolas,"Noto Sans Mono CJK TC",monospace;
  --read:1.0;           /* 閱讀字級倍率（設定頁可調） */
  --sidebar:272px;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --ink:#e8edf3; --ink-2:#c9d3df; --ink-soft:#9fb0c3;
  --paper:#10151c; --paper-2:#151c25; --card:#18202a; --card-2:#1d2732;
  --rust:#e0805c; --rust-soft:#e99a7c; --rust-bg:#3a2219;
  --amber:#e3a94f; --amber-2:#e9b765; --amber-bg:#3a2d16;
  --forest:#7fbf9f; --forest-soft:#93c9ad; --forest-bg:#1a3026;
  --blue:#8fb3e6; --blue-soft:#a7c3ec; --blue-bg:#1b2a40;
  --red:#f08a7e; --red-bg:#3d1d1a;
  --violet:#b9a2e6; --violet-bg:#2a2140;
  --text:#e3e6ea; --text-soft:#b3bac4; --text-mute:#7f8996;
  --line:#2f3a47; --line-soft:#26303c; --line-strong:#4a5767;
  --shadow-1:0 1px 2px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.25);
  --shadow-2:0 2px 8px rgba(0,0,0,.35),0 18px 40px rgba(0,0,0,.35);
  color-scheme:dark;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]):not([data-theme="dark"]){
    --ink:#e8edf3; --ink-2:#c9d3df; --ink-soft:#9fb0c3;
    --paper:#10151c; --paper-2:#151c25; --card:#18202a; --card-2:#1d2732;
    --rust:#e0805c; --rust-soft:#e99a7c; --rust-bg:#3a2219;
    --amber:#e3a94f; --amber-2:#e9b765; --amber-bg:#3a2d16;
    --forest:#7fbf9f; --forest-soft:#93c9ad; --forest-bg:#1a3026;
    --blue:#8fb3e6; --blue-soft:#a7c3ec; --blue-bg:#1b2a40;
    --red:#f08a7e; --red-bg:#3d1d1a;
    --violet:#b9a2e6; --violet-bg:#2a2140;
    --text:#e3e6ea; --text-soft:#b3bac4; --text-mute:#7f8996;
    --line:#2f3a47; --line-soft:#26303c; --line-strong:#4a5767;
    --shadow-1:0 1px 2px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.25);
    --shadow-2:0 2px 8px rgba(0,0,0,.35),0 18px 40px rgba(0,0,0,.35);
    color-scheme:dark;
  }
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:76px}
body{margin:0;font-family:var(--sans);font-size:16px;line-height:1.7;color:var(--text);background:var(--paper);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:rgba(160,67,35,.2)}
a{color:var(--blue)}
img{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
code,kbd{font-family:var(--mono);font-size:.9em}