:root {
  
  --hunt-n-l1: #ffffff;  --hunt-n-l2: #f5f7fb;  --hunt-n-l3: #eef1f8;  --hunt-n-l4: #eaeef6;
  --hunt-n-l5: #e7eaf4;  --hunt-n-l6: #e3e7f2;  --hunt-n-l7: #cdd3e6;  --hunt-n-l8: #b4bad6;
  --hunt-n-l9: #9aa0c6;  --hunt-n-l10: #7c83a7; --hunt-n-l11: #5f6688; --hunt-n-l12: #232744;
  
  --hunt-n-d1: #12131f;  --hunt-n-d2: #1b1d2e;  --hunt-n-d3: #232541;  --hunt-n-d4: #282a48;
  --hunt-n-d5: #2c2f4f;  --hunt-n-d6: #313456;  --hunt-n-d7: #3d4166;  --hunt-n-d8: #54587e;
  --hunt-n-d9: #6a6f96;  --hunt-n-d10: #8288ae; --hunt-n-d11: #9aa0c6; --hunt-n-d12: #e9ebff;
  
  --hunt-c-l1: #f0fdff;  --hunt-c-l2: #e2fafc;  --hunt-c-l3: #c9f3f8;  --hunt-c-l4: #b6eff5;
  --hunt-c-l5: #a2eaf2;  --hunt-c-l6: #8fe6ef;  --hunt-c-l7: #4bd0de;  --hunt-c-l8: #36cede;
  --hunt-c-l9: #21ccdd;  --hunt-c-l10: #12b3c4; --hunt-c-l11: #0b7f8c; --hunt-c-l12: #08454c;
  
  --hunt-c-d1: #0c1a1e;  --hunt-c-d2: #102a30;  --hunt-c-d3: #12363d;  --hunt-c-d4: #16424b;
  --hunt-c-d5: #1b4f58;  --hunt-c-d6: #1f5b66;  --hunt-c-d7: #28727f;  --hunt-c-d8: #29a2b2;
  --hunt-c-d9: #2ad3e4;  --hunt-c-d10: #4bdcea; --hunt-c-d11: #63dfec; --hunt-c-d12: #bdf3f9;
  
  --hunt-indigo-l: #5a54e0;  --hunt-indigo-d: #5d5fef;
  --hunt-pink-l:   #e83b6e;  --hunt-pink-d:   #ff6f9c;
  --hunt-win-l:    #1ea373;  --hunt-win-d:    #37d39b;
  --hunt-star-l:   #e0910a;  --hunt-star-d:   #ffc24d;

  
  --hunt-r-sm: 8px;
  --hunt-r: 11px;
  --hunt-r-lg: 14px;
  --hunt-r-pill: 999px;

  
  --hunt-font-head: "Rajdhani", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  --hunt-font-body: "Rajdhani", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  --hunt-base: 16px;

  
  --hunt-gap: 20px;
  --hunt-pad: 22px;
}


:root {
  --hunt-bg: var(--hunt-n-l2);
  --hunt-surface: var(--hunt-n-l1);
  --hunt-surface-2: var(--hunt-n-l3);
  --hunt-line: var(--hunt-n-l6);
  --hunt-line-strong: var(--hunt-n-l7);
  --hunt-text: var(--hunt-n-l12);
  --hunt-muted: var(--hunt-n-l11);
  --hunt-primary: var(--hunt-c-l9);
  --hunt-primary-ink: var(--hunt-c-l11);
  --hunt-secondary: var(--hunt-indigo-l);
  --hunt-accent: var(--hunt-pink-l);
  --hunt-star: var(--hunt-star-l);
  --hunt-win: var(--hunt-win-l);
  --hunt-duo: linear-gradient(120deg, var(--hunt-c-l9) 0%, var(--hunt-indigo-l) 100%);
  --hunt-duo-soft: linear-gradient(120deg, rgba(33,204,221,.14), rgba(96,88,245,.14));
  --hunt-shadow: 0 8px 34px rgba(72, 66, 140, .10);
  --hunt-shadow-sm: 0 3px 12px rgba(72, 66, 140, .08);
  --hunt-glow: 0 0 0 3px rgba(33, 204, 221, .30);
}



[data-mode="dark"] {
  --hunt-bg: var(--hunt-n-d1);
  --hunt-surface: var(--hunt-n-d2);
  --hunt-surface-2: var(--hunt-n-d3);
  --hunt-line: var(--hunt-n-d6);
  --hunt-line-strong: var(--hunt-n-d7);
  --hunt-text: var(--hunt-n-d12);
  --hunt-muted: var(--hunt-n-d11);
  --hunt-primary: var(--hunt-c-d9);
  --hunt-primary-ink: var(--hunt-c-d11);
  --hunt-secondary: var(--hunt-indigo-d);
  --hunt-accent: var(--hunt-pink-d);
  --hunt-star: var(--hunt-star-d);
  --hunt-win: var(--hunt-win-d);
  --hunt-duo: linear-gradient(120deg, var(--hunt-c-d9) 0%, var(--hunt-indigo-d) 100%);
  --hunt-duo-soft: linear-gradient(120deg, rgba(42,211,228,.16), rgba(93,95,239,.22));
  --hunt-shadow: 0 12px 40px rgba(0, 0, 0, .50);
  --hunt-shadow-sm: 0 3px 14px rgba(0, 0, 0, .42);
  --hunt-glow: 0 0 0 3px rgba(42, 211, 228, .35);
}



@media (prefers-color-scheme: dark) {
  :root:not([data-mode="light"]) {
    --hunt-bg: var(--hunt-n-d1);
    --hunt-surface: var(--hunt-n-d2);
    --hunt-surface-2: var(--hunt-n-d3);
    --hunt-line: var(--hunt-n-d6);
    --hunt-line-strong: var(--hunt-n-d7);
    --hunt-text: var(--hunt-n-d12);
    --hunt-muted: var(--hunt-n-d11);
    --hunt-primary: var(--hunt-c-d9);
    --hunt-primary-ink: var(--hunt-c-d11);
    --hunt-secondary: var(--hunt-indigo-d);
    --hunt-accent: var(--hunt-pink-d);
    --hunt-star: var(--hunt-star-d);
    --hunt-win: var(--hunt-win-d);
    --hunt-duo: linear-gradient(120deg, var(--hunt-c-d9) 0%, var(--hunt-indigo-d) 100%);
    --hunt-duo-soft: linear-gradient(120deg, rgba(42,211,228,.16), rgba(93,95,239,.22));
    --hunt-shadow: 0 12px 40px rgba(0, 0, 0, .50);
    --hunt-shadow-sm: 0 3px 14px rgba(0, 0, 0, .42);
    --hunt-glow: 0 0 0 3px rgba(42, 211, 228, .35);
  }
}