/* theme-japan.css — 日本主題（昭和・大正復古風）
   之後新增其他國家主題時，只需要複製這份檔案的結構、
   替換顏色/字體/圖騰變數即可，不需要動到 base.css 或 HTML 結構。 */

@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500;700&display=swap');

[data-theme="japan"] {
  /* ---- 色彩：取自大正浪漫的配色——朱紅、藏青、米黃 ---- */
  --color-primary: #B7410E;      /* 大正朱色 */
  --color-secondary: #2C3E50;    /* 昭和藏青 */
  --color-accent: #D4A574;       /* 復古米金 */
  --color-bg: #F7F1E6;           /* 和紙米白 */
  --color-surface: #FFFDF8;
  --color-text: #33302A;
  --color-border: #E4D9C4;
  --color-on-primary: #FFFDF8;

  /* ---- 字體 ---- */
  --font-heading: "Shippori Mincho", "Noto Serif TC", serif;
  --font-body: "Noto Sans TC", "Hiragino Sans", sans-serif;

  /* ---- 圖騰：櫻花 icon（用於 header） ---- */
  --motif-icon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23FFFDF8'%3E%3Cpath d='M50 10 C55 25 65 25 60 40 C75 35 80 45 68 52 C78 62 70 72 58 65 C58 80 42 80 42 65 C30 72 22 62 32 52 C20 45 25 35 40 40 C35 25 45 25 50 10Z'/%3E%3Ccircle cx='50' cy='50' r='6' fill='%23B7410E'/%3E%3C/g%3E%3C/svg%3E");

  /* ---- 背景圖騰：青海波紋（seigaiha） ---- */
  --pattern-bg: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30' viewBox='0 0 60 30'%3E%3Cg fill='none' stroke='%23D4A574' stroke-opacity='0.25' stroke-width='1.5'%3E%3Cpath d='M0 30 C 10 10, 20 10, 30 30'/%3E%3Cpath d='M30 30 C 40 10, 50 10, 60 30'/%3E%3Cpath d='M-15 30 C -5 10, 5 10, 15 30'/%3E%3Cpath d='M45 30 C 55 10, 65 10, 75 30'/%3E%3C/g%3E%3C/svg%3E");
}