/*
 * Origin Kudada 产品手册 - 主题变量
 * ------------------------------------------------------------
 * 维护原则：
 * 1. 全站颜色只在本文件集中维护，正文 Markdown 中不写颜色和 style。
 * 2. 页面主体使用 MkDocs Material 原生文档样式；本文件只控制品牌主题和顶部工具。
 * 3. 浅色 / 深色模式分别维护，其他 CSS 只引用语义变量。
 */

:root {
  /* 前置介绍页版本标识与关键步骤使用；正文链接仍使用 --ok-link。 */
  --ok-brand: #ef2636;
  --ok-brand-hover: #d91f2f;
  --ok-brand-border: rgba(239, 38, 54, 0.30);

  /* 链接与信息强调色 */
  --ok-link: #5f83f7;
  --ok-link-hover: #456ee8;
  --ok-info-soft: rgba(95, 131, 247, 0.08);
  --ok-info-soft-strong: rgba(95, 131, 247, 0.13);
  --ok-info-border: rgba(95, 131, 247, 0.24);
  --ok-info-border-strong: rgba(95, 131, 247, 0.42);

  /* 顶部工具的圆角和阴影 */
  --ok-radius-sm: 0.45rem;
  --ok-radius-lg: 0.9rem;
  --ok-shadow-panel: 0 18px 55px rgba(0, 0, 0, 0.24);
}

/* 浅色模式 */
[data-md-color-scheme="default"] {
  --ok-header-bg: #c71d23;
  --ok-header-bg-hover: #a8171d;
  --ok-header-text: #ffffff;
  --ok-footer-bg: #262831;

  --ok-page-bg: #ffffff;
  --ok-card-bg: #ffffff;
  --ok-code-bg: #f4f5f7;

  --ok-text: #36414b;
  --ok-text-strong: #1f2430;
  /* 一级标题使用稍深于 Material 默认灰的独立颜色。 */
  --ok-heading-1: #3b4652;
  --ok-text-muted: #6f7a87;

  --ok-border: #c4ccd6;
  --ok-border-light: #d4dbe5;

  /* 同步 MkDocs Material 基础变量 */
  --md-primary-fg-color: var(--ok-header-bg);
  --md-primary-bg-color: var(--ok-header-text);
  --md-accent-fg-color: var(--ok-link);
  --md-default-bg-color: var(--ok-page-bg);
  --md-default-fg-color: var(--ok-text);
  --md-default-fg-color--light: var(--ok-text-muted);
  --md-default-fg-color--lighter: #b8bec8;
  --md-default-fg-color--lightest: var(--ok-border-light);
  --md-code-bg-color: var(--ok-code-bg);
}

/* 深色模式 */
[data-md-color-scheme="slate"] {
  --ok-header-bg: #9f171c;
  --ok-header-bg-hover: #861318;
  --ok-header-text: #ffffff;
  --ok-footer-bg: #191b21;

  --ok-page-bg: #202228;
  --ok-card-bg: #252831;
  --ok-code-bg: #2b2e36;

  --ok-text: #d9dde5;
  --ok-text-strong: #f3f5f8;
  --ok-heading-1: #e3e7ed;
  --ok-text-muted: #a1a9b6;

  --ok-border: #393d47;
  --ok-border-light: #323640;

  --ok-link: #7c9bff;
  --ok-link-hover: #9ab1ff;
  --ok-info-soft: rgba(124, 155, 255, 0.10);
  --ok-info-soft-strong: rgba(124, 155, 255, 0.16);
  --ok-info-border: rgba(124, 155, 255, 0.25);
  --ok-info-border-strong: rgba(124, 155, 255, 0.45);

  --md-primary-fg-color: var(--ok-header-bg);
  --md-primary-bg-color: var(--ok-header-text);
  --md-accent-fg-color: var(--ok-link);
  --md-default-bg-color: var(--ok-page-bg);
  --md-default-fg-color: var(--ok-text);
  --md-default-fg-color--light: var(--ok-text-muted);
  --md-default-fg-color--lighter: #777f8c;
  --md-default-fg-color--lightest: var(--ok-border-light);
  --md-code-bg-color: var(--ok-code-bg);
}