/*!
 * giscus 自定义主题 — forest
 * 基于 daisyUI forest 主题配色
 * daisyUI forest: dark color-scheme, 深绿色自然色调
 */

@font-face {
  font-family: "Manrope";
  src: url("https://cdn.jsdelivr.net/npm/manrope@2.0.0/complete/manrope-regular.woff2")
    format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("https://cdn.jsdelivr.net/npm/manrope@2.0.0/complete/manrope-bold.woff2")
    format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

main {
  /* ========== 字体（与主站 daisyUI --default-font-family 风格一致） ========== */
  font-family:
    "Manrope", "Noto Sans SC Variable", "Noto Sans SC",
    "Noto Sans Sinhala Variable", "Noto Sans Sinhala", ui-sans-serif, system-ui,
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";

  font-feature-settings: "halt";

  /* ========== 语法高亮 ========== */
  --color-prettylights-syntax-comment: oklch(60% 0.02 160);
  --color-prettylights-syntax-constant: oklch(75% 0.15 220);
  --color-prettylights-syntax-entity: oklch(75% 0.13 290);
  --color-prettylights-syntax-storage-modifier-import: oklch(86% 0.005 17.911);
  --color-prettylights-syntax-entity-tag: oklch(70% 0.16 155);
  --color-prettylights-syntax-keyword: oklch(72% 0.18 22);
  --color-prettylights-syntax-string: oklch(73% 0.1 230);
  --color-prettylights-syntax-variable: oklch(78% 0.16 75);
  --color-prettylights-syntax-brackethighlighter-unmatched: oklch(72% 0.22 22);
  --color-prettylights-syntax-invalid-illegal-text: oklch(90% 0.01 17.911);
  --color-prettylights-syntax-invalid-illegal-bg: oklch(40% 0.15 22);
  --color-prettylights-syntax-carriage-return-text: oklch(90% 0.01 17.911);
  --color-prettylights-syntax-carriage-return-bg: oklch(45% 0.18 22);
  --color-prettylights-syntax-string-regexp: oklch(70% 0.16 155);
  --color-prettylights-syntax-markup-list: oklch(82% 0.15 85);
  --color-prettylights-syntax-markup-heading: oklch(72% 0.18 230);
  --color-prettylights-syntax-markup-italic: oklch(86% 0.005 17.911);
  --color-prettylights-syntax-markup-bold: oklch(86% 0.005 17.911);
  --color-prettylights-syntax-markup-deleted-text: oklch(85% 0.06 22);
  --color-prettylights-syntax-markup-deleted-bg: oklch(30% 0.06 22);
  --color-prettylights-syntax-markup-inserted-text: oklch(78% 0.15 155);
  --color-prettylights-syntax-markup-inserted-bg: oklch(25% 0.08 155);
  --color-prettylights-syntax-markup-changed-text: oklch(82% 0.14 70);
  --color-prettylights-syntax-markup-changed-bg: oklch(28% 0.08 60);
  --color-prettylights-syntax-markup-ignored-text: oklch(86% 0.005 17.911);
  --color-prettylights-syntax-markup-ignored-bg: oklch(50% 0.12 230);
  --color-prettylights-syntax-meta-diff-range: oklch(75% 0.13 290);
  --color-prettylights-syntax-brackethighlighter-angle: oklch(60% 0.02 160);
  --color-prettylights-syntax-sublimelinter-gutter-mark: oklch(40% 0.01 170);
  --color-prettylights-syntax-constant-other-reference-link: oklch(73% 0.1 230);

  /* ========== 按钮 ========== */
  --color-btn-text: oklch(83.768% 0.001 17.911);
  --color-btn-bg: oklch(25% 0.02 170);
  --color-btn-border: oklch(83.768% 0.001 17.911 / 10%);
  --color-btn-shadow: 0 0 transparent;
  --color-btn-inset-shadow: 0 0 transparent;
  --color-btn-hover-bg: oklch(30% 0.025 170);
  --color-btn-hover-border: oklch(60% 0.03 170);
  --color-btn-active-bg: oklch(22% 0.018 170);
  --color-btn-active-border: oklch(50% 0.03 170);
  --color-btn-selected-bg: oklch(20% 0.015 170);
  /* 主按钮（使用 primary 色） */
  --color-btn-primary-text: oklch(0% 0 0);
  --color-btn-primary-bg: oklch(68.628% 0.185 148.958);
  --color-btn-primary-border: oklch(83.768% 0.001 17.911 / 10%);
  --color-btn-primary-shadow: 0 0 transparent;
  --color-btn-primary-inset-shadow: 0 0 transparent;
  --color-btn-primary-hover-bg: oklch(73% 0.185 148.958);
  --color-btn-primary-hover-border: oklch(83.768% 0.001 17.911 / 10%);
  --color-btn-primary-selected-bg: oklch(64% 0.185 148.958);
  --color-btn-primary-selected-shadow: 0 0 transparent;
  --color-btn-primary-disabled-text: oklch(0% 0 0 / 50%);
  --color-btn-primary-disabled-bg: oklch(68.628% 0.185 148.958 / 60%);
  --color-btn-primary-disabled-border: oklch(83.768% 0.001 17.911 / 10%);

  /* ========== 控件/布局 ========== */
  --color-action-list-item-default-hover-bg: oklch(83.768% 0.001 17.911 / 8%);
  --color-segmented-control-bg: oklch(83.768% 0.001 17.911 / 8%);
  --color-segmented-control-button-bg: oklch(20.84% 0.008 17.911);
  --color-segmented-control-button-selected-border: oklch(50% 0.03 170);

  /* ========== 前景色（文字） ========== */
  --color-fg-default: oklch(83.768% 0.001 17.911);
  --color-fg-muted: oklch(65% 0.005 17.911);
  --color-fg-subtle: oklch(50% 0.005 17.911);

  /* ========== 画布/背景 ========== */
  --color-canvas-default: oklch(20.84% 0.008 17.911);
  --color-canvas-overlay: oklch(18.522% 0.007 17.911);
  --color-canvas-inset: oklch(19.703% 0.007 17.911);
  --color-canvas-subtle: oklch(18.522% 0.007 17.911);

  /* ========== 边框 ========== */
  --color-border-default: oklch(30% 0.015 170);
  --color-border-muted: oklch(25% 0.012 170);
  --color-neutral-muted: oklch(30.698% 0.039 171.364 / 35%);

  /* ========== 强调色 (accent = primary) ========== */
  --color-accent-fg: oklch(68.628% 0.185 148.958);
  --color-accent-emphasis: oklch(63% 0.185 148.958);
  --color-accent-muted: oklch(68.628% 0.185 148.958 / 35%);
  --color-accent-subtle: oklch(68.628% 0.185 148.958 / 12%);

  /* ========== 语义色 ========== */
  --color-success-fg: oklch(64.8% 0.15 160);
  --color-attention-fg: oklch(84.71% 0.199 83.87);
  --color-attention-muted: oklch(84.71% 0.199 83.87 / 35%);
  --color-attention-subtle: oklch(84.71% 0.199 83.87 / 12%);
  --color-danger-fg: oklch(71.76% 0.221 22.18);
  --color-danger-muted: oklch(71.76% 0.221 22.18 / 35%);
  --color-danger-subtle: oklch(71.76% 0.221 22.18 / 12%);

  /* ========== 阴影 ========== */
  --color-primer-shadow-inset: 0 0 transparent;
  --color-scale-gray-7: oklch(25% 0.02 170);
  --color-scale-blue-8: oklch(35% 0.1 230);

  /* ========== 社交反馈 ========== */
  --color-social-reaction-bg-hover: var(--color-scale-gray-7);
  --color-social-reaction-bg-reacted-hover: var(--color-scale-blue-8);
}

/* ========== 加载动画（暗色主题） ========== */
main .pagination-loader-container {
  background-image: url("https://github.com/images/modules/pulls/progressive-disclosure-line-dark.svg");
}

main .gsc-loading-image {
  background-image: url("https://github.githubassets.com/images/mona-loading-dark.gif");
}
