/*
 * @Author        : 顾青离
 * @Url           : sucaijun.com
 * @Email         : Ricky@LiHai.La
 * @Project       : 素材君 · 夜航
 * @Description   : 素材君网站子比子主题
 * @File          : 首页背景、配色与外观变量
 * @Read me       : 感谢使用素材君 · 夜航，源码注释齐全，支持二次开发。
 * @Remind        : 二次开发请保留原版权信息，谢谢。
 */

/*
 * 首页外观：换图、换色只编辑这里，不需要 JS 或后台设置。
 * 图片路径相对本文件；替换同名图片时连路径也不用改。
 */
body.scj-site {
    --scj-background-image: url("../images/home-background.webp");
    --scj-background-position: 62% top;
    --scj-background-position-mobile: 67% top;

    --scj-accent: #a5a0ff;       /* 按钮、选中状态、交互高亮 */
    --scj-on-accent: #15141f;    /* 按钮上的文字 */
    --scj-bg: #101012;          /* 页面底色及背景渐隐终点 */
    --scj-surface: #1b1b1f;     /* 软件、教程卡片底色 */
    --scj-raised: #232327;      /* 搜索框、菜单、占位封面 */
    --scj-text: #f0f0f3;
    --scj-secondary: #c4c4cc;
    --scj-muted: #a3a3ae;
    --scj-line: #ffffff1c;
    --scj-line-strong: #ffffff36;
    --scj-line-faint: #ffffff0c;
    --scj-white: #fff;
    --scj-shadow: #0003;
    --scj-shadow-deep: #0006;

    /* 派生效果跟随强调色/底色，无须逐个修改。 */
    --scj-accent-soft: color-mix(in srgb, var(--scj-accent) 11%, transparent);
    --scj-accent-line: color-mix(in srgb, var(--scj-accent) 35%, transparent);
    --scj-accent-glow: color-mix(in srgb, var(--scj-accent) 25%, transparent);
    --scj-accent-hover: color-mix(in srgb, var(--scj-accent) 82%, white);
    --scj-overlay: color-mix(in srgb, var(--scj-bg) 85%, transparent);
    --scj-overlay-light: color-mix(in srgb, var(--scj-bg) 8%, transparent);
    --scj-overlay-mid: color-mix(in srgb, var(--scj-bg) 42%, transparent);
    --scj-overlay-heavy: color-mix(in srgb, var(--scj-bg) 65%, transparent);
    --scj-surface-translucent: color-mix(in srgb, var(--scj-surface) 96%, transparent);
}