/* ==========================================================================
 主题 · 青春（youth）—— 学生端默认主题
 --------------------------------------------------------------------------
 ⚠ 本文件只放「随主题变」的东西：品牌色 / 表面色 / 文字色 / 阴影。
 不随主题变的一律放 ../student.css（域视觉层）。判据：换主题时它该不该变。
 ⚠ 域层变量别放进本文件：换到别的主题时该变量会消失，连带整块样式失效。

 切换方式：<html data-theme="youth">（初值 + localStorage ui-theme 恢复），与 blue / orange / green 同级，
 由 themes/themes.json 注册。 */

[data-theme="youth"] {
    --c-primary:            #4b3fe4;   /* 靛紫蓝：白字对比度 6.7:1 */
    --c-primary-solid:      var(--c-primary);
    --c-primary-text:       color-mix(in srgb, var(--c-primary-solid) 88%, #000);
    --c-primary-text-hover: color-mix(in srgb, var(--c-primary-solid) 76%, #000);

    --c-bg:             #f7f8fe;       /* 冷白面：公共是中性 #f1f4f9，此处带一点靛 —— 「年轻」的底色来源 */
    --c-surface-2:      #f1f2fd;
    --c-border:         #e4e5f6;
    --c-border-strong:  #cfd1ee;
    --c-divider:        #eceefa;

    --c-text:           #191c2e;       /* 墨色：带一点紫的深色，避开纯黑与 #111 这类模板色 */
    --c-text-secondary: #565a75;
    --c-text-tertiary:  #5f6480;

    --shadow-sm:   0 1px 2px rgba(30, 26, 90, .05);
    --shadow-card: 0 1px 2px rgba(30, 26, 90, .03), 0 10px 26px -14px rgba(30, 26, 90, .12);
    --shadow-md:   0 2px 6px -2px rgba(30, 26, 90, .06), 0 14px 32px -16px rgba(30, 26, 90, .14);
}