/**
 * PsyLab 主题变量
 * 全局唯一主题配置来源
 * 禁止在页面内联覆盖颜色/几何变量
 */

:root {
    /* ========== 颜色系统 ========== */
    /* Hero 主题色 */
    --hero-dark: #2c3e50;
    --hero-primary: #3498db;
    --hero-gradient: linear-gradient(135deg, var(--hero-dark) 0%, var(--hero-primary) 100%);
    --hero-text: #ffffff;
    --hero-text-muted: rgba(255, 255, 255, 0.85);
    --hero-text-dim: rgba(255, 255, 255, 0.7);

    /* 按钮语义色 */
    --btn-success: #2ecc71;
    --btn-success-hover: #27ae60;
    --btn-success-shadow: rgba(46, 204, 113, 0.3);

    --btn-primary: #3498db;
    --btn-primary-hover: #2980b9;
    --btn-primary-shadow: rgba(52, 152, 219, 0.3);

    --btn-secondary: #95a5a6;
    --btn-secondary-hover: #7f8c8d;
    --btn-secondary-shadow: rgba(149, 165, 166, 0.3);

    --btn-neutral: #bdc3c7;
    --btn-neutral-hover: #95a5a6;
    --btn-neutral-shadow: rgba(189, 195, 199, 0.2);

    /* "复制到工作区" 按钮专用色 - 深紫色系，与 hero 蓝色背景区分明显 */
    --btn-copy: #8e44ad;
    --btn-copy-hover: #7d3c98;
    --btn-copy-shadow: rgba(142, 68, 173, 0.3);

    /* ========== 几何系统 ========== */
    /* Hero 尺寸 */
    --hero-max-width: 1200px;
    --hero-content-max-width: 800px;
    --hero-border-radius-top: 15px;
    --hero-border-radius: 15px;
    --hero-sticky-height: 60px;

    /* 容器宽度系统 - 三层策略 */
    /* Wide: 平台级页面（首页、列表页、工作区） */
    --container-wide: 1400px;
    /* Medium: 详情页（模板详情、方案详情） */
    --container-medium: 1000px;
    /* Narrow: 运行页（答题页、任务页、结果页） */
    --container-narrow: 800px;
    /* Default: 默认容器宽度（兼容旧代码） */
    --container-default: 1200px;

    /* Hero 高度（桌面/移动） */
    --hero-height-desktop: 280px;
    --hero-height-mobile: 240px;

    /* 内边距 */
    --hero-padding-desktop: 40px 30px;
    --hero-padding-mobile: 30px 20px;
    --hero-padding-shrunk: 10px 30px;

    /* 间距 */
    --hero-gap: 15px;
    --hero-gap-sm: 10px;
    --hero-gap-lg: 25px;

    /* ========== 圆角系统 ========== */
    --btn-border-radius: 10px;
    --tag-border-radius: 6px;
    --input-border-radius: 8px;

    /* ========== 字号系统 ========== */
    /* Hero 字号 */
    --hero-title-desktop: 2.2rem;
    --hero-title-mobile: 1.8rem;
    --hero-title-shrunk: 1.2rem;
    --hero-subtitle-desktop: 1.2rem;
    --hero-subtitle-mobile: 1rem;
    --hero-meta-size: 1rem;
    --hero-meta-size-mobile: 0.9rem;

    /* 按钮字号 */
    --btn-font-size: 1rem;
    --btn-font-size-mobile: 0.95rem;

    /* ========== 字重系统 ========== */
    --hero-title-weight: 700;
    --hero-subtitle-weight: 400;
    --btn-font-weight: 600;
    --tag-font-weight: 500;

    /* ========== 阴影系统 ========== */
    --hero-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07);
    --btn-shadow-weight: 0.3;
    --hero-shrunk-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

    /* ========== Sticky 行为配置 ========== */
    --shrink-scroll-threshold-ratio: 0.7;

    /* ========== 过渡动画 ========== */
    --hero-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --btn-transition: all 0.3s ease;

    /* ========== 首页 Hero 专属变量 ========== */
    --hero-padding-homepage: 40px 30px;
    --hero-tagline-size: 1.8rem;
    --hero-description-size: 1.1rem;
    --hero-logo-size: 2.5rem;
    --hero-hint-background: rgba(255, 255, 255, 0.1);
    --hero-nav-border: 1px solid rgba(255, 255, 255, 0.2);
}