:root {
  
  --hl-d1:#3e2304; --hl-d2:#4d2b05; --hl-d3:#603606; --hl-d4:#734107; --hl-d5:#864c09; --hl-d6:#9e590a;
  --hl-d7:#bb690c; --hl-d8:#dd7c0e; --hl-d9:#f6911e; --hl-d10:#f0a44c; --hl-d11:#f7c182; --hl-d12:#fce7cf;
  --hl-l1:#fefaf6; --hl-l2:#fdf4ea; --hl-l3:#fcecd9; --hl-l4:#fae2c7; --hl-l5:#f8d6af; --hl-l6:#f6c893;
  --hl-l7:#f2b46e; --hl-l8:#ee9a3a; --hl-l9:#b25f00; --hl-l10:#935106; --hl-l11:#c57111; --hl-l12:#7a460b;
  
  --hl-nd1:#1c1a17; --hl-nd2:#23201d; --hl-nd3:#2d2925; --hl-nd4:#37322d; --hl-nd5:#423c36; --hl-nd6:#504a43;
  --hl-nd7:#625b53; --hl-nd8:#787068; --hl-nd9:#736b63; --hl-nd10:#888077; --hl-nd11:#beb8b1; --hl-nd12:#eeedec;
  --hl-nl1:#fdfcfc; --hl-nl2:#f8f7f6; --hl-nl3:#f3f1ef; --hl-nl4:#ece9e7; --hl-nl5:#e4e0dc; --hl-nl6:#dad5d0;
  --hl-nl7:#cbc4be; --hl-nl8:#b3aba3; --hl-nl9:#a8998a; --hl-nl10:#968573; --hl-nl11:#7f7061; --hl-nl12:#3d3833;

  
  --hall-r: 4px;
  --hall-r-lg: 5px;
  --hall-skew: 14px;
  --hall-font-head: "Oswald", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  --hall-font-body: "Roboto Condensed", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  --hall-gap: 16px;
  --hall-pad: 20px;
  --hall-max: 1180px;

  
  --hall-chrome-bg: #17130f;
  --hall-chrome-bg1: #221d17;
  --hall-chrome-line: #3a332b;
  --hall-chrome-text: #ffffff;
  --hall-chrome-muted: #a1968a;
  --hall-chrome-accent: #f68b1f;

  
  --hall-bg: var(--hl-nd1);
  --hall-bg-deep: #120f0d;
  --hall-panel: var(--hl-nd3);
  --hall-panel-2: var(--hl-nd4);
  --hall-panel-3: #1b1712;
  --hall-line: var(--hl-nd5);
  --hall-orange: var(--hl-d9);
  --hall-red: #fd0e0e;
  --hall-amber: #ffc107;
  --hall-btn-text: #2a1400;
  --hall-text: var(--hl-nd12);
  --hall-title: #ffffff;
  --hall-muted: var(--hl-nd11);
  --hall-faint: var(--hl-nd8);
  --hall-star: #ffc107;
  --hall-link-hover: #ffb254;
  --hall-zebra: rgba(255, 255, 255, .025);
  --hall-neon-o: 0 0 14px rgba(246, 139, 31, .5);
  --hall-neon-r: 0 0 16px rgba(253, 14, 14, .45);
  --hall-neon-mix: 0 0 26px rgba(253, 60, 14, .35);
  --hall-shadow: 0 10px 30px rgba(0, 0, 0, .55);
}


[data-mode="light"] {
  --hall-bg: var(--hl-nl1);
  --hall-bg-deep: #efeae5;
  --hall-panel: #ffffff;
  --hall-panel-2: #ffffff;
  --hall-panel-3: #f6f2ee;
  --hall-line: #e6ded6;
  --hall-orange: var(--hl-l9);
  --hall-red: #c62020;
  --hall-amber: #b07a00;
  --hall-btn-text: #ffffff;
  --hall-text: var(--hl-nl12);
  --hall-title: #2a221b;
  --hall-muted: var(--hl-nl11);
  --hall-faint: #9c8d7d;
  --hall-star: #b07a00;
  --hall-link-hover: #8a4a00;
  --hall-zebra: rgba(60, 40, 20, .035);
  --hall-neon-o: 0 2px 8px rgba(178, 95, 0, .16);
  --hall-neon-r: 0 2px 8px rgba(198, 32, 32, .14);
  --hall-neon-mix: 0 6px 18px rgba(178, 95, 0, .14);
  --hall-shadow: 0 10px 28px rgba(60, 40, 20, .10);
}
@media (prefers-color-scheme: light) {
  :root:not([data-mode]) {
    --hall-bg: var(--hl-nl1); --hall-bg-deep: #efeae5; --hall-panel: #ffffff; --hall-panel-2: #ffffff;
    --hall-panel-3: #f6f2ee; --hall-line: #e6ded6; --hall-orange: var(--hl-l9); --hall-red: #c62020;
    --hall-amber: #b07a00; --hall-btn-text: #ffffff; --hall-text: var(--hl-nl12); --hall-title: #2a221b;
    --hall-muted: var(--hl-nl11); --hall-faint: #9c8d7d; --hall-star: #b07a00; --hall-link-hover: #8a4a00;
    --hall-zebra: rgba(60, 40, 20, .035);
    --hall-neon-o: 0 2px 8px rgba(178, 95, 0, .16); --hall-neon-r: 0 2px 8px rgba(198, 32, 32, .14);
    --hall-neon-mix: 0 6px 18px rgba(178, 95, 0, .14); --hall-shadow: 0 10px 28px rgba(60, 40, 20, .10);
  }
}