/* ============================================
   主題色票（Theme presets）— monkeytype 風格
   每個主題 = 基底（light / dark）+ 少量色彩變數覆寫。
   基底 light / dark 的預設值刻意與現有外觀一致（無回歸）。
   套用方式（headerBar.ts）：
     - 依主題 base 切換 body.fcj-dark
     - 設定 / 移除 body[data-theme="…"]
   新增主題只需在此檔加一個 [data-theme] 區塊 + 在 registry 加一筆。
   --theme-text 目前套用於英文輸入文字（其他輸入法待後續）。
   ============================================ */

:root {
    --theme-bg: url('/assets/img/background.png') no-repeat center center fixed;
    --theme-surface: #ffffff;
    --theme-accent: #365A92;
    --theme-accent-strong: #243d6a;
    --theme-text: #2a2a2a;
}

body.fcj-dark {
    --theme-bg: linear-gradient(160deg, #14171d 0%, #1a2027 60%, #161b22 100%);
    --theme-surface: #1d222b;
    --theme-accent: #5D84C1;
    --theme-accent-strong: #365A92;
    --theme-text: #eef2f8;
}

/* ---- 深底主題（套用時一併加 .fcj-dark，沿用深色回饋 / 鍵盤）---- */
body[data-theme="ocean"] {
    --theme-bg: linear-gradient(160deg, #0a1922 0%, #0e2b33 60%, #0a1c24 100%);
    --theme-surface: #11272f;
    --theme-accent: #1fb6a6;
    --theme-accent-strong: #178e82;
    --theme-text: #d6ebe7;
}

body[data-theme="forest"] {
    --theme-bg: linear-gradient(160deg, #0d1a12 0%, #12281b 60%, #0e1d14 100%);
    --theme-surface: #14271b;
    --theme-accent: #4caf7d;
    --theme-accent-strong: #38895f;
    --theme-text: #d8ecdd;
}

body[data-theme="midnight"] {
    --theme-bg: linear-gradient(160deg, #12132a 0%, #1a1c3a 60%, #141531 100%);
    --theme-surface: #1b1d38;
    --theme-accent: #7b8cff;
    --theme-accent-strong: #5a6ad8;
    --theme-text: #e3e5f7;
}

/* ---- 淺底主題（不加 .fcj-dark，沿用淺色回饋）---- */
body[data-theme="rose"] {
    --theme-bg: #fff1f5;
    --theme-surface: #ffffff;
    --theme-accent: #d4537e;
    --theme-accent-strong: #a83b60;
    --theme-text: #4e2433;
}

body[data-theme="sunset"] {
    --theme-bg: #fff4ea;
    --theme-surface: #ffffff;
    --theme-accent: #e8703a;
    --theme-accent-strong: #c15424;
    --theme-text: #4a2f1c;
}

body[data-theme="lavender"] {
    --theme-bg: #f4f1ff;
    --theme-surface: #ffffff;
    --theme-accent: #7c5cd4;
    --theme-accent-strong: #5e43ab;
    --theme-text: #342952;
}