variables.css

:root {
    --primary: #25a06e;
    --primary-dark: #1c714e;
    --primary-light: #36c085;
    --primary-alpha-light: rgba(37, 160, 110, 0.04);
    --primary-alpha-medium: rgba(37, 160, 110, 0.08);
    --primary-alpha-strong: rgba(37, 160, 110, 0.14);
    --primary-alpha-border: rgba(37, 160, 110, 0.6);
    --primary-alpha-bg: rgba(37, 160, 110, 0.1);

    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-light: #a0aec0;

    --bg-light: #f8f9fa;
    --bg-dark: #1a202c;
    --bg-card: #f0f2f5;
    --bg-footer: #f0f4f8;

    --border: #e1e4e8;

    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);

    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;

    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;

    --font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
        sans-serif;
    --font-mono: SFMono-Regular, Menlo, Monaco, Consolas, monospace;

    --ifm-color-primary: var(--primary);
    --ifm-color-primary-dark: var(--primary-dark);
    --ifm-color-primary-light: var(--primary-light);
    --ifm-code-font-size: 95%;
    --ifm-font-family-base: var(--font-base);
    --ifm-code-font-family: var(--font-mono);
    --ifm-navbar-background-color: rgba(255, 255, 255, 0.98);
    --ifm-navbar-height: 3.75rem;
    --ifm-navbar-shadow: none;
    --ifm-navbar-padding-vertical: 0.5rem;
    --ifm-navbar-padding-horizontal: 1rem;
    --ifm-menu-color: var(--text-secondary);
    --ifm-menu-color-active: var(--primary);
    --ifm-menu-color-background-active: var(--primary-alpha-medium);
    --ifm-menu-color-background-hover: var(--primary-alpha-light);
    --ifm-toc-border-color: var(--border);
    --ifm-heading-color: var(--text-primary);
}