@charset "utf-8";
/* ==========================================================================
   Movie Drama · 短剧模板 —— 主题变量（默认主题：活力橙红）
   说明：本文件仅包含 :root 变量定义，不包含任何布局样式。
   新增主题：复制本文件改名为 drama-theme-xxx.css，修改下方色值，
   然后在 html/public/include.html 中更换引用的主题 CSS 文件名即可。
   ========================================================================== */
:root {
    /* ---- 品牌主色 ---- */
    --drama-primary: #ff4d2e;               /* 主色：活力橙红 */
    --drama-primary-dark: #e0391c;          /* 主色加深（按压态） */
    --drama-primary-light: #fff2ee;         /* 主色浅底（标签/按钮底） */
    --drama-gradient: linear-gradient(135deg, #ff6a3d 0%, #ff3b2f 100%); /* 品牌渐变 */
    --drama-glow: 0 .25rem .75rem rgba(255, 77, 46, .28);  /* 主色投影 */

    /* ---- 辅色 ---- */
    --drama-accent: #ff9f1c;                /* 辅助色：评分/强调 */

    /* ---- 文字 ---- */
    --drama-text: #1a1a1a;                  /* 主文字 */
    --drama-text-2: #565c66;                /* 次级文字 */
    --drama-text-3: #9aa0a8;                /* 弱化文字 */

    /* ---- 背景 / 线条 ---- */
    --drama-page: #eceef2;                  /* 容器外底色（PC 两侧） */
    --drama-bg: #f6f7f9;                    /* 内容区浅灰底 */
    --drama-card: #ffffff;                  /* 卡片 / 主体底色 */
    --drama-border: #eef0f3;                /* 分割线 */

    /* ---- 圆角 / 阴影 ---- */
    --drama-radius: .5rem;                  /* 大圆角：卡片 / 区块 */
    --drama-radius-sm: .32rem;              /* 小圆角：小图 / 小按钮 */
    --drama-shadow: 0 .16rem .8rem rgba(26, 26, 26, .07); /* 卡片投影 */
}