/* Runoob theme tokens — aligned with www.runoob.com */
:root {
  --rn-primary: #96b97d;
  --rn-primary-dark: #64854c;
  --rn-primary-hover: #006400;
  --rn-primary-light: #90b575;
  --rn-primary-soft: #eaf5dc;
  --rn-primary-soft-2: #f0f7e6;
  --rn-primary-border: #dde8ce;
  --rn-brown: #4f4941;

  --rn-text: #333333;
  --rn-text-heading: #2a4e18;
  --rn-text-muted: #666666;
  --rn-text-faint: #999999;

  --rn-link: #64854c;
  --rn-border: #efefef;
  --rn-border-dark: #d4d4d4;
  --rn-border-green: #eaf1df;

  --rn-bg: #f5f5fb;
  --rn-bg-light: #fafaf8;
  --rn-bg-white: #ffffff;
  --rn-bg-card: #f6f6f6;
  --rn-bg-code: #f8fbf5;
  --rn-bg-widget-head: linear-gradient(to bottom, #f6f6f6 0%, #f2efea 100%);

  --rn-header-bg: #96b97d;
  --rn-header-text: #ffffff;
  --rn-header-link: #ffffff;
  --rn-footer-bg: #fafaf8;
  --rn-footer-text: #6a6a6a;
  --rn-sidebar-bg: #ffffff;
  --rn-content-bg: #fafaf8;
  --rn-body-bg: #f5f5fb;
  --rn-code-header: #96b97d;
  --rn-tab-active: #5a9a30;
  --rn-success: #5cb85c;
  --rn-warning: #f0ad4e;
  --rn-danger: #d9534f;

  --rn-font-sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica,
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC",
    Arial, sans-serif;
  --rn-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --rn-font-size: 14px;
  --rn-line-height: 1.7;

  --rn-content-max: 1280px;
  --rn-sidebar-width: 200px;
  --rn-aside-width: 260px;
  --rn-home-left: 176px;
  --rn-header-height: 40px;

  --rn-radius: 4px;
  --rn-radius-md: 8px;
  --rn-radius-lg: 10px;
  --rn-shadow-sm: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  --rn-shadow-card: 0 2px 12px rgba(60, 100, 40, 0.06);
  --rn-shadow-search: 0 1px 5px 3px rgba(0, 0, 0, 0.12);
  --rn-transition: 0.2s ease;
}

html[data-preset="ocean"] {
  --rn-primary: #2d8cf0;
  --rn-primary-dark: #1a73d4;
  --rn-primary-hover: #0d5bb8;
  --rn-primary-light: #5cadff;
  --rn-primary-soft: #e8f3ff;
  --rn-primary-soft-2: #f0f7ff;
  --rn-primary-border: #c5dcff;
  --rn-header-bg: #2d8cf0;
  --rn-text-heading: #1a3a5c;
  --rn-link: #1a73d4;
  --rn-tab-active: #1a73d4;
  --rn-border-green: #e0ecff;
  --rn-shadow-card: 0 2px 12px rgba(40, 80, 160, 0.08);
}

html[data-preset="warm"] {
  --rn-primary: #e6a23c;
  --rn-primary-dark: #cf8a22;
  --rn-primary-hover: #b8741a;
  --rn-primary-light: #f0c78a;
  --rn-primary-soft: #fdf6ec;
  --rn-primary-soft-2: #fff9f0;
  --rn-primary-border: #f5e0b8;
  --rn-header-bg: #e6a23c;
  --rn-text-heading: #6b4423;
  --rn-link: #d48806;
  --rn-tab-active: #cf8a22;
  --rn-border-green: #f5ead8;
}

html[data-preset="graphite"] {
  --rn-primary: #606266;
  --rn-primary-dark: #45474a;
  --rn-primary-hover: #303133;
  --rn-primary-light: #909399;
  --rn-primary-soft: #f0f2f5;
  --rn-primary-soft-2: #f5f7fa;
  --rn-primary-border: #dcdfe6;
  --rn-header-bg: #303133;
  --rn-text-heading: #303133;
  --rn-link: #409eff;
  --rn-tab-active: #409eff;
  --rn-border-green: #ebeef5;
}