/*!
 * giscus 自定义主题 — dim
 * 基于 daisyUI dim 主题配色
 * daisyUI dim: 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(55% 0.02 260);
  --color-prettylights-syntax-constant: oklch(78% 0.12 210);
  --color-prettylights-syntax-entity: oklch(76% 0.12 315);
  --color-prettylights-syntax-storage-modifier-import: oklch(
    82.901% 0.031 222.959
  );
  --color-prettylights-syntax-entity-tag: oklch(78% 0.12 145);
  --color-prettylights-syntax-keyword: oklch(75% 0.14 35);
  --color-prettylights-syntax-string: oklch(75% 0.08 220);
  --color-prettylights-syntax-variable: oklch(80% 0.13 90);
  --color-prettylights-syntax-brackethighlighter-unmatched: oklch(78% 0.12 30);
  --color-prettylights-syntax-invalid-illegal-text: oklch(90% 0.02 230);
  --color-prettylights-syntax-invalid-illegal-bg: oklch(45% 0.12 30);
  --color-prettylights-syntax-carriage-return-text: oklch(90% 0.02 230);
  --color-prettylights-syntax-carriage-return-bg: oklch(50% 0.14 30);
  --color-prettylights-syntax-string-regexp: oklch(78% 0.12 145);
  --color-prettylights-syntax-markup-list: oklch(83% 0.12 90);
  --color-prettylights-syntax-markup-heading: oklch(75% 0.15 215);
  --color-prettylights-syntax-markup-italic: oklch(82.901% 0.031 222.959);
  --color-prettylights-syntax-markup-bold: oklch(82.901% 0.031 222.959);
  --color-prettylights-syntax-markup-deleted-text: oklch(88% 0.06 30);
  --color-prettylights-syntax-markup-deleted-bg: oklch(35% 0.06 30);
  --color-prettylights-syntax-markup-inserted-text: oklch(82% 0.12 150);
  --color-prettylights-syntax-markup-inserted-bg: oklch(28% 0.07 150);
  --color-prettylights-syntax-markup-changed-text: oklch(84% 0.11 85);
  --color-prettylights-syntax-markup-changed-bg: oklch(30% 0.07 80);
  --color-prettylights-syntax-markup-ignored-text: oklch(82.901% 0.031 222.959);
  --color-prettylights-syntax-markup-ignored-bg: oklch(50% 0.12 215);
  --color-prettylights-syntax-meta-diff-range: oklch(76% 0.12 315);
  --color-prettylights-syntax-brackethighlighter-angle: oklch(55% 0.02 260);
  --color-prettylights-syntax-sublimelinter-gutter-mark: oklch(38% 0.018 260);
  --color-prettylights-syntax-constant-other-reference-link: oklch(
    75% 0.08 220
  );

  /* ========== 按钮 ========== */
  --color-btn-text: oklch(82.901% 0.031 222.959);
  --color-btn-bg: oklch(28.036% 0.019 264.182);
  --color-btn-border: oklch(82.901% 0.031 222.959 / 10%);
  --color-btn-shadow: 0 0 transparent;
  --color-btn-inset-shadow: 0 0 transparent;
  --color-btn-hover-bg: oklch(32% 0.02 264);
  --color-btn-hover-border: oklch(55% 0.025 260);
  --color-btn-active-bg: oklch(26.346% 0.018 262.177);
  --color-btn-active-border: oklch(48% 0.022 260);
  --color-btn-selected-bg: oklch(24% 0.017 263);
  /* 主按钮（使用 primary 色） */
  --color-btn-primary-text: oklch(17.226% 0.028 139.549);
  --color-btn-primary-bg: oklch(86.133% 0.141 139.549);
  --color-btn-primary-border: oklch(82.901% 0.031 222.959 / 10%);
  --color-btn-primary-shadow: 0 0 transparent;
  --color-btn-primary-inset-shadow: 0 0 transparent;
  --color-btn-primary-hover-bg: oklch(82% 0.14 139.549);
  --color-btn-primary-hover-border: oklch(82.901% 0.031 222.959 / 10%);
  --color-btn-primary-selected-bg: oklch(80% 0.14 139.549);
  --color-btn-primary-selected-shadow: 0 0 transparent;
  --color-btn-primary-disabled-text: oklch(17.226% 0.028 139.549 / 50%);
  --color-btn-primary-disabled-bg: oklch(86.133% 0.141 139.549 / 60%);
  --color-btn-primary-disabled-border: oklch(82.901% 0.031 222.959 / 10%);

  /* ========== 控件/布局 ========== */
  --color-action-list-item-default-hover-bg: oklch(82.901% 0.031 222.959 / 8%);
  --color-segmented-control-bg: oklch(82.901% 0.031 222.959 / 8%);
  --color-segmented-control-button-bg: oklch(30.857% 0.023 264.149);
  --color-segmented-control-button-selected-border: oklch(50% 0.025 260);

  /* ========== 前景色（文字） ========== */
  --color-fg-default: oklch(82.901% 0.031 222.959);
  --color-fg-muted: oklch(65% 0.025 225);
  --color-fg-subtle: oklch(52% 0.022 225);

  /* ========== 画布/背景 ========== */
  --color-canvas-default: oklch(30.857% 0.023 264.149);
  --color-canvas-overlay: oklch(28.036% 0.019 264.182);
  --color-canvas-inset: oklch(28.906% 0.018 262.177);
  --color-canvas-subtle: oklch(28.036% 0.019 264.182);

  /* ========== 边框 ========== */
  --color-border-default: oklch(38% 0.02 263);
  --color-border-muted: oklch(33% 0.019 264);
  --color-neutral-muted: oklch(24.731% 0.02 264.094 / 40%);

  /* ========== 强调色 (accent = primary) ========== */
  --color-accent-fg: oklch(86.133% 0.141 139.549);
  --color-accent-emphasis: oklch(80% 0.14 139.549);
  --color-accent-muted: oklch(86.133% 0.141 139.549 / 35%);
  --color-accent-subtle: oklch(86.133% 0.141 139.549 / 12%);

  /* ========== 语义色 ========== */
  --color-success-fg: oklch(86.171% 0.142 166.534);
  --color-attention-fg: oklch(86.163% 0.142 94.818);
  --color-attention-muted: oklch(86.163% 0.142 94.818 / 35%);
  --color-attention-subtle: oklch(86.163% 0.142 94.818 / 12%);
  --color-danger-fg: oklch(82.418% 0.099 33.756);
  --color-danger-muted: oklch(82.418% 0.099 33.756 / 35%);
  --color-danger-subtle: oklch(82.418% 0.099 33.756 / 12%);

  /* ========== 阴影 ========== */
  --color-primer-shadow-inset: 0 0 transparent;
  --color-scale-gray-7: oklch(35% 0.02 264);
  --color-scale-blue-8: oklch(40% 0.1 220);

  /* ========== 社交反馈 ========== */
  --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");
}