/* ===== Magazine × Swiss Design System =====
 * 亮/暗双模式，融合 guizang-ppt-skill 设计哲学
 * - 暖色纸背景（杂志风）
 * - 单一高饱和锚点色（瑞士风）
 * - 双字体分工：思源宋体标题 / 思源黑体正文与标签
 */

/* ---------- 基础变量（Light Mode 默认）---------- */
:root {
  /* 字体系统 — 思源宋体 / 思源黑体 */
  --font-serif: "Wise Han Serif SC", serif;
  --font-sans: "Wise Han Sans SC", sans-serif;
  --font-mono: var(--font-sans);
  --font-family-heading: var(--font-serif);

  /* 暖色纸背景系列 */
  --gray-0:  #ffffff;
  --gray-1:  #f5f5f0;
  --gray-2:  #e8e8e0;
  --gray-3:  #d2d2c8;
  --gray-4:  #86867a;
  --gray-5:  #6e6e62;
  --gray-6:  #424238;
  --gray-7:  #1d1d18;
  --gray-8:  #000000;
  --gray-9:  #000000;
  --gray-10: #000000;
  --gray-11: #000000;
  --gray-12: #000000;

  /* beige 映射暖色纸 */
  --beige-0:  #f5f5f0;
  --beige-1:  #eeede6;
  --beige-2:  #e5e3da;
  --beige-25: #d9d6cc;
  --beige-3:  #a19b8c;
  --beige-4:  #7a7568;

  /* 强调色 — 安全橙（瑞士国际主义锚点色） */
  --theme-pink:     #002FA7;
  --theme-blue:     #002FA7;
  --theme-green:    #34c759;
  --theme-lavender: #af52de;
  --theme-yellow:   #ff9500;
  --yellow:         #ffcc00;
  --color-text-on-accent: #fff;

  /* 亮模式语义颜色 */
  --color-background: #f5f5f0;
  --color-background-alternate: #eeede6;
  --color-background-navbar: #eeede6;
  --color-background-navbar-title: rgba(238, 237, 230, 0.72);
  --color-background-sidebar: #eeede6;
  --color-background-input: #ffffff;
  --color-background-input-hover: #f5f5f0;
  --color-background-code: #f5f5f0;
  --color-background-blockquote: #eeede6;
  --color-background-navbar-link-hover: #e5e3da;
  --color-background-navbar-link-active: #d9d6cc;
  --color-background-card: #ffffff;
  --color-background-button: #ffffff;
  --color-background-button-hover: #f5f5f0;
  --color-background-button-secondary: #ffffff;
  --color-background-button-secondary-hover: #f5f5f0;
  --color-border: #d9d6cc;
  --color-border-card: #d9d6cc;
  --color-border-hover: #a19b8c;
  --color-border-button: #d9d6cc;
  --color-border-button-hover: #002FA7;
  --color-border-button-secondary: #d9d6cc;
  --color-border-button-secondary-hover: #002FA7;
  --color-marker: #a19b8c;
  --color-text: #1d1d18;
  --color-text-emphasized: #000000;
  --color-text-muted: #7a7568;
  --color-text-heading-muted: #6e6e62;
  --color-text-navbar-link: #424238;
  --color-text-navbar-link-hover: #1d1d18;
  --color-text-button: #1d1d18;
  --color-text-button-hover: #1d1d18;
  --color-text-button-secondary: #1d1d18;
  --color-text-button-secondary-hover: #1d1d18;
}

/* ---------- Dark Mode — 系统偏好 ---------- */
@media (prefers-color-scheme: dark) {
  :root:where(:not(.is-light)) {
    --gray-0:  #f5f5f7;
    --gray-1:  #d1d1d6;
    --gray-2:  #c7c7cc;
    --gray-3:  #a1a1a6;
    --gray-4:  #8e8e93;
    --gray-5:  #636366;
    --gray-6:  #48484a;
    --gray-7:  #3a3a3c;
    --gray-8:  #2c2c2e;
    --gray-9:  #242426;
    --gray-10: #1c1c1e;
    --gray-11: #161618;
    --gray-12: #111113;

    --beige-0:  #111113;
    --beige-1:  #161618;
    --beige-2:  #1c1c1e;
    --beige-25: #242426;
    --beige-3:  #2c2c2e;
    --beige-4:  #3a3a3c;

    --color-background: #111113;
    --color-background-alternate: #161618;
    --color-background-navbar: #161618;
    --color-background-navbar-title: rgba(22, 22, 24, 0.72);
    --color-background-sidebar: #161618;
    --color-background-input: #1c1c1e;
    --color-background-input-hover: #242426;
    --color-background-code: #1c1c1e;
    --color-background-blockquote: #161618;
    --color-background-navbar-link-hover: #242426;
    --color-background-navbar-link-active: #2c2c2e;
    --color-background-card: #1c1c1e;
    --color-background-button: #1c1c1e;
    --color-background-button-hover: #242426;
    --color-background-button-secondary: #1c1c1e;
    --color-background-button-secondary-hover: #242426;
    --color-border: #3a3a3c;
    --color-border-card: #3a3a3c;
    --color-border-hover: #636366;
    --color-border-button: #3a3a3c;
    --color-border-button-hover: #2962ff;
    --color-border-button-secondary: #3a3a3c;
    --color-border-button-secondary-hover: #2962ff;
    --color-marker: #8e8e93;
    --color-text: #d1d1d6;
    --color-text-emphasized: #f5f5f7;
    --color-text-muted: #a1a1a6;
    --color-text-heading-muted: #c7c7cc;
    --color-text-navbar-link: #d1d1d6;
    --color-text-navbar-link-hover: #f5f5f7;
    --color-text-button: #f5f5f7;
    --color-text-button-hover: #f5f5f7;
    --color-text-button-secondary: #f5f5f7;
    --color-text-button-secondary-hover: #f5f5f7;
    --color-text-on-accent: #fff;

    --theme-pink:     #2962ff;
    --theme-blue:     #2962ff;
    --theme-green:    #30d158;
    --theme-lavender: #bf5af2;
    --theme-yellow:   #ff9f0a;
    --yellow:         #ffd60a;
  }
}

/* ---------- Dark Mode — 手动覆盖 ---------- */
:root.is-dark {
  --gray-0:  #f5f5f7;
  --gray-1:  #d1d1d6;
  --gray-2:  #c7c7cc;
  --gray-3:  #a1a1a6;
  --gray-4:  #8e8e93;
  --gray-5:  #636366;
  --gray-6:  #48484a;
  --gray-7:  #3a3a3c;
  --gray-8:  #2c2c2e;
  --gray-9:  #242426;
  --gray-10: #1c1c1e;
  --gray-11: #161618;
  --gray-12: #111113;

  --beige-0:  #111113;
  --beige-1:  #161618;
  --beige-2:  #1c1c1e;
  --beige-25: #242426;
  --beige-3:  #2c2c2e;
  --beige-4:  #3a3a3c;

  --color-background: #111113;
  --color-background-alternate: #161618;
  --color-background-navbar: #161618;
  --color-background-navbar-title: rgba(22, 22, 24, 0.72);
  --color-background-sidebar: #161618;
  --color-background-input: #1c1c1e;
  --color-background-input-hover: #242426;
  --color-background-code: #1c1c1e;
  --color-background-blockquote: #161618;
  --color-background-navbar-link-hover: #242426;
  --color-background-navbar-link-active: #2c2c2e;
  --color-background-card: #1c1c1e;
  --color-background-button: #1c1c1e;
  --color-background-button-hover: #242426;
  --color-background-button-secondary: #1c1c1e;
  --color-background-button-secondary-hover: #242426;
  --color-border: #3a3a3c;
  --color-border-card: #3a3a3c;
  --color-border-hover: #636366;
  --color-border-button: #3a3a3c;
  --color-border-button-hover: #2962ff;
  --color-border-button-secondary: #3a3a3c;
  --color-border-button-secondary-hover: #2962ff;
  --color-marker: #8e8e93;
  --color-text: #d1d1d6;
  --color-text-emphasized: #f5f5f7;
  --color-text-muted: #a1a1a6;
  --color-text-heading-muted: #c7c7cc;
  --color-text-navbar-link: #d1d1d6;
  --color-text-navbar-link-hover: #f5f5f7;
  --color-text-button: #f5f5f7;
  --color-text-button-hover: #f5f5f7;
  --color-text-button-secondary: #f5f5f7;
  --color-text-button-secondary-hover: #f5f5f7;
  --color-text-on-accent: #fff;

  --theme-pink:     #2962ff;
  --theme-blue:     #2962ff;
  --theme-green:    #30d158;
  --theme-lavender: #bf5af2;
  --theme-yellow:   #ff9f0a;
  --yellow:         #ffd60a;
}

/* ---------- Light Mode — 手动覆盖（用于从 dark 切回）---------- */
:root.is-light {
  --gray-0:  #ffffff;
  --gray-1:  #f5f5f0;
  --gray-2:  #e8e8e0;
  --gray-3:  #d2d2c8;
  --gray-4:  #86867a;
  --gray-5:  #6e6e62;
  --gray-6:  #424238;
  --gray-7:  #1d1d18;
  --gray-8:  #000000;
  --gray-9:  #000000;
  --gray-10: #000000;
  --gray-11: #000000;
  --gray-12: #000000;

  --beige-0:  #f5f5f0;
  --beige-1:  #eeede6;
  --beige-2:  #e5e3da;
  --beige-25: #d9d6cc;
  --beige-3:  #a19b8c;
  --beige-4:  #7a7568;

  --color-background: #f5f5f0;
  --color-background-alternate: #eeede6;
  --color-background-navbar: #eeede6;
  --color-background-navbar-title: rgba(238, 237, 230, 0.72);
  --color-background-sidebar: #eeede6;
  --color-background-input: #ffffff;
  --color-background-input-hover: #f5f5f0;
  --color-background-code: #f5f5f0;
  --color-background-blockquote: #eeede6;
  --color-background-navbar-link-hover: #e5e3da;
  --color-background-navbar-link-active: #d9d6cc;
  --color-background-card: #ffffff;
  --color-background-button: #ffffff;
  --color-background-button-hover: #f5f5f0;
  --color-background-button-secondary: #ffffff;
  --color-background-button-secondary-hover: #f5f5f0;
  --color-border: #d9d6cc;
  --color-border-card: #d9d6cc;
  --color-border-hover: #a19b8c;
  --color-border-button: #d9d6cc;
  --color-border-button-hover: #002FA7;
  --color-border-button-secondary: #d9d6cc;
  --color-border-button-secondary-hover: #002FA7;
  --color-marker: #a19b8c;
  --color-text: #1d1d18;
  --color-text-emphasized: #000000;
  --color-text-muted: #7a7568;
  --color-text-heading-muted: #6e6e62;
  --color-text-navbar-link: #424238;
  --color-text-navbar-link-hover: #1d1d18;
  --color-text-button: #1d1d18;
  --color-text-button-hover: #1d1d18;
  --color-text-button-secondary: #1d1d18;
  --color-text-button-secondary-hover: #1d1d18;
  --color-text-on-accent: #fff;

  --theme-pink:     #002FA7;
  --theme-blue:     #002FA7;
  --theme-green:    #34c759;
  --theme-lavender: #af52de;
  --theme-yellow:   #ff9500;
  --yellow:         #ffcc00;
}