/* ═══════════════════════════════════════════════════════════════════
   tokens.css — 設計變數：色彩、階級、陣營、字體、間距
   所有元件只引用這裡的變數，換主題只需改這一個檔。
   ═══════════════════════════════════════════════════════════════════ */

@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;700&family=Noto+Sans+TC:wght@400;500;700;900&family=Noto+Serif+TC:wght@600;700;900&display=swap");

:root {
  color-scheme: dark;

  /* ── 基底 ── */
  --bg: #07090f;
  --bg-1: #0d111a;
  --bg-2: #131a27;
  --bg-3: #1a2333;
  --line: rgba(255, 255, 255, .08);
  --line-strong: rgba(255, 255, 255, .16);
  --text: #eef1f7;
  --text-2: #aab3c5;
  --text-3: #6f7a90;

  --gold: #e6bd5a;
  --gold-2: #fff0bf;
  --teal: #4fe3cf;
  --violet: #8e6bff;
  --rose: #ff5c9a;
  --rose-2: #ffb3cf;
  --green: #5be49b;
  --red: #ff6b7f;

  /* ── 字體 ── */
  --sans: "Noto Sans TC", -apple-system, "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;
  --serif: "Noto Serif TC", "Songti TC", "Noto Serif CJK TC", serif;
  --mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;

  /* ── 形狀 ── */
  --r-card: 18px;
  --r-ui: 10px;
  --shadow-card: 0 18px 40px -22px rgba(0, 0, 0, .95), 0 2px 0 rgba(255, 255, 255, .03) inset;
  --shadow-float: 0 40px 90px -30px rgba(0, 0, 0, 1);

  /* ── 階級：a=主色 b=深色 t=亮色 ── */
  --rk0-a: #8894ad; --rk0-b: #3e475c; --rk0-t: #c3cbdc; --rk0-name: "N";
  --rk1-a: #4fb2ff; --rk1-b: #1f5a9e; --rk1-t: #b9e3ff;
  --rk2-a: #b28bff; --rk2-b: #5a35c2; --rk2-t: #e2d3ff;
  --rk3-a: #f4c25a; --rk3-b: #b77a15; --rk3-t: #fff0c4;
  --rk4-a: #ff5fa8; --rk4-b: #ffc46b; --rk4-t: #ffe1f0;

  /* ── 陣營 ── */
  --fx-gryffindor-a: #b22a2a; --fx-gryffindor-b: #d9a441;
  --fx-slytherin-a: #1f6b4a;  --fx-slytherin-b: #a9b6bd;
  --fx-ravenclaw-a: #23408f;  --fx-ravenclaw-b: #b58c3c;
  --fx-hufflepuff-a: #d9a51f; --fx-hufflepuff-b: #2a2a2a;
  --fx-silver_chalice-a: #2f5b6e; --fx-silver_chalice-b: #c9d6de;
  --fx-azure_spire-a: #1f3f8f;    --fx-azure_spire-b: #7a56d6;
  --fx-obsidian_pact-a: #2a1d33;  --fx-obsidian_pact-b: #6d3f86;
  --fx-crimson_banner-a: #7a1a22; --fx-crimson_banner-b: #d07a2c;
  --fx-oak_council-a: #2f4a2a;    --fx-oak_council-b: #b7a35a;
  --fx-ashen_forge-a: #2b2320;    --fx-ashen_forge-b: #ff7a2a;
  --fx-wayfarer-a: #243044;       --fx-wayfarer-b: #b9c7dc;
  --fx-moonveil-a: #2b3f6b;   --fx-moonveil-b: #cfd9ee;
  --fx-ironrose-a: #5a1522;   --fx-ironrose-b: #d8556e;
  --fx-duskquill-a: #2a1f4d;  --fx-duskquill-b: #8b6fd6;
  --fx-wildthorn-a: #1f3d2a;  --fx-wildthorn-b: #6fb07a;
  --fx-tidebound-a: #0f2a3a;  --fx-tidebound-b: #5cb8c9;
  --fx-embersong-a: #3a1a0a;  --fx-embersong-b: #ffb347;
  --fx-fey_court-a: #3d2a5c;    --fx-fey_court-b: #f2a7c9;
  --fx-shadow_ferry-a: #121212; --fx-shadow_ferry-b: #c8202f;
  --fx-cog_court-a: #1d3b44;    --fx-cog_court-b: #d4a93a;
  --fx-astral_fleet-a: #2a1466; --fx-astral_fleet-b: #35d6e8;
  --fx-elem_league-a: #6b1e12;  --fx-elem_league-b: #e9b44c;
  --fx-spore_clan-a: #14213d;   --fx-spore_clan-b: #7cf0a8;
  --fx-hell_court-a: #3a0d0d;   --fx-hell_court-b: #d9542b;
  --fx-mount_choir-a: #7a5a12;  --fx-mount_choir-b: #f5d76e;
  --fx-far_bazaar-a: #1b0f3a;   --fx-far_bazaar-b: #ff5ec4;
  --fx-skasaha-a: #1a4e86;      --fx-skasaha-b: #d4a84b;
  --fx-riverfen-a: #3a4a22;     --fx-riverfen-b: #c8a95a;
  --fx-frostfield-a: #1e3a5c;   --fx-frostfield-b: #bfe3ff;
  --fx-saltport-a: #1f3b40;     --fx-saltport-b: #a9d8d2;   /* 鹽港：鹽與海 */
  --fx-bahamut-a: #5a4612;      --fx-bahamut-b: #f3dc9a;    /* 巴哈姆特：白金與金 */
  --fx-tiamat-a: #3a0a14;       --fx-tiamat-b: #d0342c;     /* 五首教團：赤 */
  --fx-mire-a: #15241a;         --fx-mire-b: #8fcf4a;       /* 泥沼：黑龍的酸綠 */
  --fx-none-a: #3a4358;       --fx-none-b: #6d7890;

  /* ── D&D 系列卡皮：青銅與羊皮紙 ── */
  --bronze: #c9954a;
  --bronze-2: #f0d39a;
  --verdigris: #4fa58f;

  /* ── 動態 ── */
  --ease-out: cubic-bezier(.2, .85, .25, 1);
  --ease-soft: cubic-bezier(.4, 0, .2, 1);
  --tilt-max: 11deg;
}

/* 讓 conic 邊框可平滑轉動；不支援的瀏覽器退化為靜態漸層 */
@property --ang { syntax: '<angle>'; initial-value: 0deg; inherits: false; }