/* ========================================
   IDoictOS IAM/CMS 主题系统
   [data-theme] 驱动，CSS 自定义属性
   ======================================== */

/* --- 全局过渡 --- */
:root {
  --theme-transition-duration: 0.3s;
  --theme-transition-timing: ease;
}

*,
*::before,
*::after {
  transition:
    background-color var(--theme-transition-duration) var(--theme-transition-timing),
    color var(--theme-transition-duration) var(--theme-transition-timing),
    border-color var(--theme-transition-duration) var(--theme-transition-timing),
    box-shadow var(--theme-transition-duration) var(--theme-transition-timing);
}

/* --- 默认主题（浅色） --- */
[data-theme="default"],
:root {
  /* 主背景 */
  --bg-primary: #ffffff;
  --bg-secondary: #f5f7fa;

  /* 文字 */
  --text-primary: #1a1a2e;
  --text-secondary: #6b7280;

  /* 边框 */
  --border-color: #e5e7eb;

  /* 强调色 */
  --accent-color: #3b82f6;

  /* 卡片 */
  --card-bg: #ffffff;
  --card-border: #e5e7eb;

  /* 顶栏 / 底栏 */
  --header-bg: #ffffff;
  --footer-bg: #f5f7fa;

  /* CMS / 直播间 / 会议界面（--cms-*，浅色，与默认主题一致） */
  --cms-bg:            #ffffff;
  --cms-surface:       #f5f7fa;
  --cms-border:        #e5e7eb;
  --cms-text:          #1a1a2e;
  --cms-text-secondary:#6b7280;
  --cms-text-hint:     #9aa0a6;
  --cms-blue:          #3b82f6;
  --cms-blue-hover:    #2f6fe0;
  --cms-blue-light:    rgba(59,130,246,.15);
  --cms-red:           #e53935;
  --cms-green:         #34a853;
  --cms-orange:        #fb923c;
  --cms-shadow:        0 1px 3px rgba(0,0,0,.1);
  --cms-shadow-lg:     0 6px 20px rgba(0,0,0,.12);
  --cms-shadow-hover:  0 4px 14px rgba(0,0,0,.12);
}

/* --- 深色主题 --- */
[data-theme="dark"] {
  /* 主背景 */
  --bg-primary: #0f172a;
  --bg-secondary: #1e293b;

  /* 文字 */
  --text-primary: #f1f5f9;
  --text-secondary: #94a3b8;

  /* 边框 */
  --border-color: #334155;

  /* 强调色 */
  --accent-color: #60a5fa;

  /* 卡片 */
  --card-bg: #1e293b;
  --card-border: #334155;

  /* 顶栏 / 底栏 */
  --header-bg: #0f172a;
  --footer-bg: #0f172a;

  /* ---- CMS（cms.css 使用 --cms-* 变量，需同步覆盖以便 [data-theme] 生效）---- */
  --cms-bg:            #0f172a;
  --cms-surface:       #1e293b;
  --cms-border:        #334155;
  --cms-text:          #f1f5f9;
  --cms-text-secondary:#94a3b8;
  --cms-text-hint:     #64748b;
  --cms-blue:          #60a5fa;
  --cms-blue-hover:    #93c5fd;
  --cms-blue-light:    #1e3a5f;
  --cms-red:           #f87171;
  --cms-green:         #4ade80;
  --cms-orange:        #fb923c;
  --cms-shadow:        0 1px 3px rgba(0,0,0,0.4);
  --cms-shadow-lg:     0 6px 20px rgba(0,0,0,0.5);
  --cms-shadow-hover:  0 4px 14px rgba(0,0,0,0.5);
}

/* --- 附加主题（与 IAM OEM_THEMES 同名，均同步 --cms-* 以便 CMS 生效）--- */
[data-theme="ocean"] {
  --bg-primary: #eef4fb; --bg-secondary: #e2edf8;
  --text-primary: #123a5e; --text-secondary: #4a6a8a;
  --border-color: #c9d7ea; --accent-color: #0b6bcb;
  --header-bg: #ffffff; --footer-bg: #eef4fb;
  --cms-bg: #eef4fb; --cms-text: #123a5e; --cms-text-secondary: #4a6a8a;
  --cms-blue: #0b6bcb; --cms-blue-hover: #0856a3; --cms-blue-light: #d6e6f7;
}

[data-theme="sunset"] {
  --bg-primary: #fdf3ec; --bg-secondary: #fbe7d8;
  --text-primary: #4a2311; --text-secondary: #8a5a3a;
  --border-color: #f0d3bd; --accent-color: #e8590c;
  --header-bg: #ffffff; --footer-bg: #fdf3ec;
  --cms-bg: #fdf3ec; --cms-text: #4a2311; --cms-text-secondary: #8a5a3a;
  --cms-blue: #d9480f; --cms-blue-hover: #b93c0c; --cms-blue-light: #fbe0cf;
  --cms-orange: #e8590c;
}

[data-theme="forest"] {
  --bg-primary: #eef6f0; --bg-secondary: #e0efe6;
  --text-primary: #14351f; --text-secondary: #4a6b54;
  --border-color: #c8e0d0; --accent-color: #2f9e63;
  --header-bg: #ffffff; --footer-bg: #eef6f0;
  --cms-bg: #eef6f0; --cms-text: #14351f; --cms-text-secondary: #4a6b54;
  --cms-blue: #2f9e63; --cms-blue-hover: #26804f; --cms-blue-light: #d7efe1;
  --cms-green: #2f9e63;
}

[data-theme="windows11"] {
  --bg-primary: #f7f9fb; --bg-secondary: #eef2f6;
  --text-primary: #1f2937; --text-secondary: #4b5563;
  --border-color: #dde4ea; --accent-color: #0067c0;
  --header-bg: #ffffff; --footer-bg: #f7f9fb;
  --cms-bg: #f7f9fb; --cms-text: #1f2937; --cms-text-secondary: #4b5563;
  --cms-blue: #0067c0; --cms-blue-hover: #00529b; --cms-blue-light: #dbeaf5;
}

[data-theme="macos"] {
  --bg-primary: #f5f5f7; --bg-secondary: #ececf1;
  --text-primary: #1d1d1f; --text-secondary: #6e6e73;
  --border-color: #d2d2d7; --accent-color: #0a84ff;
  --header-bg: #ffffff; --footer-bg: #f5f5f7;
  --cms-bg: #f5f5f7; --cms-text: #1d1d1f; --cms-text-secondary: #6e6e73;
  --cms-blue: #0a84ff; --cms-blue-hover: #0071e3; --cms-blue-light: #d9ecff;
}

[data-theme="azure"] {
  --bg-primary: #f5f6f8; --bg-secondary: #e9edf2;
  --text-primary: #24272a; --text-secondary: #4f5961;
  --border-color: #d5dce3; --accent-color: #0078d4;
  --header-bg: #ffffff; --footer-bg: #f5f6f8;
  --cms-bg: #f5f6f8; --cms-text: #24272a; --cms-text-secondary: #4f5961;
  --cms-blue: #0078d4; --cms-blue-hover: #0060aa; --cms-blue-light: #d8ecfa;
}

[data-theme="aws"] {
  --bg-primary: #fafafa; --bg-secondary: #eef0f1;
  --text-primary: #232f3e; --text-secondary: #5d6b7a;
  --border-color: #d9dde1; --accent-color: #ff9900;
  --header-bg: #ffffff; --footer-bg: #fafafa;
  --cms-bg: #fafafa; --cms-text: #232f3e; --cms-text-secondary: #5d6b7a;
  --cms-blue: #e07b00; --cms-blue-hover: #c56b00; --cms-blue-light: #fdf0dc;
  --cms-orange: #ff9900;
}

[data-theme="aliyun"] {
  --bg-primary: #f7f8fa; --bg-secondary: #eef0f4;
  --text-primary: #1f2329; --text-secondary: #6b7280;
  --border-color: #d6dce4; --accent-color: #ff6a00;
  --header-bg: #ffffff; --footer-bg: #f7f8fa;
  --cms-bg: #f7f8fa; --cms-text: #1f2329; --cms-text-secondary: #6b7280;
  --cms-blue: #ff6a00; --cms-blue-hover: #d95a00; --cms-blue-light: #ffe8d9;
  --cms-orange: #ff6a00;
}

[data-theme="huawei"] {
  --bg-primary: #f7f8fa; --bg-secondary: #eef0f2;
  --text-primary: #24272a; --text-secondary: #5f6b76;
  --border-color: #d8dde2; --accent-color: #c7000b;
  --header-bg: #ffffff; --footer-bg: #f7f8fa;
  --cms-bg: #f7f8fa; --cms-text: #24272a; --cms-text-secondary: #5f6b76;
  --cms-blue: #c7000b; --cms-blue-hover: #a30009; --cms-blue-light: #fbdada;
  --cms-red: #c7000b;
}

[data-theme="haizhenyun"] {
  --bg-primary: #f4f6fb; --bg-secondary: #e9edf7;
  --text-primary: #1b2440; --text-secondary: #4e5b77;
  --border-color: #d3daea; --accent-color: #3d5afe;
  --header-bg: #ffffff; --footer-bg: #f4f6fb;
  --cms-bg: #f4f6fb; --cms-text: #1b2440; --cms-text-secondary: #4e5b77;
  --cms-blue: #3d5afe; --cms-blue-hover: #3049d1; --cms-blue-light: #e0e6ff;
}

/* --- 扩展主题：补齐 IAM OEM_THEMES 全部 41 款（品牌主色驱动）--- */
[data-theme="ubuntu"] {
  --bg-primary: #faf7f5; --bg-secondary: #f1e9e4;
  --text-primary: #3d2c22; --text-secondary: #6f5d52;
  --border-color: #e4d5ca; --accent-color: #e95420;
  --header-bg: #ffffff; --footer-bg: #faf7f5;
  --cms-bg: #faf7f5; --cms-text: #3d2c22; --cms-text-secondary: #6f5d52;
  --cms-blue: #e95420; --cms-blue-hover: #c8411a; --cms-blue-light: #fbe2d8;
  --cms-orange: #e95420;
}

[data-theme="office365"] {
  --bg-primary: #f7fafd; --bg-secondary: #eaf2fb;
  --text-primary: #1c3556; --text-secondary: #4f6684;
  --border-color: #d3e2f0; --accent-color: #d83b01;
  --header-bg: #ffffff; --footer-bg: #f7fafd;
  --cms-bg: #f7fafd; --cms-text: #1c3556; --cms-text-secondary: #4f6684;
  --cms-blue: #d83b01; --cms-blue-hover: #b52f00; --cms-blue-light: #fbe2d5;
  --cms-orange: #d83b01;
}

[data-theme="word"] {
  --bg-primary: #f5f8fc; --bg-secondary: #e8eff8;
  --text-primary: #16294a; --text-secondary: #4a5f7d;
  --border-color: #d3dff0; --accent-color: #2b579a;
  --header-bg: #ffffff; --footer-bg: #f5f8fc;
  --cms-bg: #f5f8fc; --cms-text: #16294a; --cms-text-secondary: #4a5f7d;
  --cms-blue: #2b579a; --cms-blue-hover: #21457a; --cms-blue-light: #dde6f3;
}

[data-theme="excel"] {
  --bg-primary: #f6faf5; --bg-secondary: #e9f4e8;
  --text-primary: #16351f; --text-secondary: #4a684f;
  --border-color: #d1e6d0; --accent-color: #217346;
  --header-bg: #ffffff; --footer-bg: #f6faf5;
  --cms-bg: #f6faf5; --cms-text: #16351f; --cms-text-secondary: #4a684f;
  --cms-blue: #217346; --cms-blue-hover: #1a5a38; --cms-blue-light: #d9ecdd;
  --cms-green: #217346;
}

[data-theme="powerpoint"] {
  --bg-primary: #fdf8f5; --bg-secondary: #f8ebe5;
  --text-primary: #4a2313; --text-secondary: #7d5a48;
  --border-color: #efd5c8; --accent-color: #d24726;
  --header-bg: #ffffff; --footer-bg: #fdf8f5;
  --cms-bg: #fdf8f5; --cms-text: #4a2313; --cms-text-secondary: #7d5a48;
  --cms-blue: #d24726; --cms-blue-hover: #ab391e; --cms-blue-light: #fae1d6;
  --cms-orange: #d24726;
}

[data-theme="visio"] {
  --bg-primary: #f6f7fc; --bg-secondary: #eaecf7;
  --text-primary: #232b52; --text-secondary: #4d5680;
  --border-color: #d4d8ef; --accent-color: #3955a3;
  --header-bg: #ffffff; --footer-bg: #f6f7fc;
  --cms-bg: #f6f7fc; --cms-text: #232b52; --cms-text-secondary: #4d5680;
  --cms-blue: #3955a3; --cms-blue-hover: #2d4385; --cms-blue-light: #dfe4f6;
}

[data-theme="onenote"] {
  --bg-primary: #faf6fc; --bg-secondary: #f0e6f7;
  --text-primary: #3a1c52; --text-secondary: #674e80;
  --border-color: #e0cef0; --accent-color: #7719aa;
  --header-bg: #ffffff; --footer-bg: #faf6fc;
  --cms-bg: #faf6fc; --cms-text: #3a1c52; --cms-text-secondary: #674e80;
  --cms-blue: #7719aa; --cms-blue-hover: #5e1388; --cms-blue-light: #ecdcf7;
}

[data-theme="teams"] {
  --bg-primary: #f7f7fb; --bg-secondary: #ebecf7;
  --text-primary: #2c2a52; --text-secondary: #55537f;
  --border-color: #d6d5ed; --accent-color: #6264a7;
  --header-bg: #ffffff; --footer-bg: #f7f7fb;
  --cms-bg: #f7f7fb; --cms-text: #2c2a52; --cms-text-secondary: #55537f;
  --cms-blue: #6264a7; --cms-blue-hover: #4e5087; --cms-blue-light: #e2e1f5;
}

[data-theme="wechat"] {
  --bg-primary: #f3fbf7; --bg-secondary: #e3f6ec;
  --text-primary: #12352a; --text-secondary: #47685a;
  --border-color: #c6e9d8; --accent-color: #07c160;
  --header-bg: #ffffff; --footer-bg: #f3fbf7;
  --cms-bg: #f3fbf7; --cms-text: #12352a; --cms-text-secondary: #47685a;
  --cms-blue: #07c160; --cms-blue-hover: #06a14f; --cms-blue-light: #d6f5e6;
  --cms-green: #07c160;
}

[data-theme="wecom"] {
  --bg-primary: #f5f8fe; --bg-secondary: #e8effd;
  --text-primary: #152a4d; --text-secondary: #4a5f82;
  --border-color: #cfdef9; --accent-color: #2a6bf5;
  --header-bg: #ffffff; --footer-bg: #f5f8fe;
  --cms-bg: #f5f8fe; --cms-text: #152a4d; --cms-text-secondary: #4a5f82;
  --cms-blue: #2a6bf5; --cms-blue-hover: #1f56c6; --cms-blue-light: #dce8fd;
}

[data-theme="dingtalk"] {
  --bg-primary: #f4f8fe; --bg-secondary: #e6effc;
  --text-primary: #12304d; --text-secondary: #4a6685;
  --border-color: #cbddf8; --accent-color: #007fff;
  --header-bg: #ffffff; --footer-bg: #f4f8fe;
  --cms-bg: #f4f8fe; --cms-text: #12304d; --cms-text-secondary: #4a6685;
  --cms-blue: #007fff; --cms-blue-hover: #0066cc; --cms-blue-light: #d8e9fd;
}

[data-theme="feishu"] {
  --bg-primary: #f4f7ff; --bg-secondary: #e7edff;
  --text-primary: #18294d; --text-secondary: #4a5c85;
  --border-color: #cdd9fb; --accent-color: #3370ff;
  --header-bg: #ffffff; --footer-bg: #f4f7ff;
  --cms-bg: #f4f7ff; --cms-text: #18294d; --cms-text-secondary: #4a5c85;
  --cms-blue: #3370ff; --cms-blue-hover: #2859cc; --cms-blue-light: #dce5ff;
}

[data-theme="openclaw"] {
  --bg-primary: #f2fafc; --bg-secondary: #e0f3f8;
  --text-primary: #0e3842; --text-secondary: #3d5f68;
  --border-color: #bfe2ec; --accent-color: #0e7c8f;
  --header-bg: #ffffff; --footer-bg: #f2fafc;
  --cms-bg: #f2fafc; --cms-text: #0e3842; --cms-text-secondary: #3d5f68;
  --cms-blue: #0e7c8f; --cms-blue-hover: #0b6473; --cms-blue-light: #d4eef4;
}

[data-theme="chatgpt"] {
  --bg-primary: #f5faf9; --bg-secondary: #e6f4f1;
  --text-primary: #143a34; --text-secondary: #466862;
  --border-color: #c9e7e1; --accent-color: #10a37f;
  --header-bg: #ffffff; --footer-bg: #f5faf9;
  --cms-bg: #f5faf9; --cms-text: #143a34; --cms-text-secondary: #466862;
  --cms-blue: #10a37f; --cms-blue-hover: #0d8366; --cms-blue-light: #d7f2ec;
  --cms-green: #10a37f;
}

[data-theme="claude"] {
  --bg-primary: #fbf7f3; --bg-secondary: #f3e9e2;
  --text-primary: #4a2c1e; --text-secondary: #7a5c4c;
  --border-color: #ecd9cc; --accent-color: #d97757;
  --header-bg: #ffffff; --footer-bg: #fbf7f3;
  --cms-bg: #fbf7f3; --cms-text: #4a2c1e; --cms-text-secondary: #7a5c4c;
  --cms-blue: #cc785c; --cms-blue-hover: #b05f45; --cms-blue-light: #f6e3d8;
  --cms-orange: #d97757;
}

[data-theme="youtube"] {
  --bg-primary: #faf6f6; --bg-secondary: #f4e7e7;
  --text-primary: #4a1c1c; --text-secondary: #7d5252;
  --border-color: #f0caca; --accent-color: #ff0000;
  --header-bg: #ffffff; --footer-bg: #faf6f6;
  --cms-bg: #faf6f6; --cms-text: #4a1c1c; --cms-text-secondary: #7d5252;
  --cms-blue: #ff0000; --cms-blue-hover: #cc0000; --cms-blue-light: #ffd6d6;
  --cms-red: #ff0000;
}

[data-theme="facebook"] {
  --bg-primary: #f4f7fd; --bg-secondary: #e6edfb;
  --text-primary: #16264a; --text-secondary: #4a5b80;
  --border-color: #ccd9f0; --accent-color: #1877f2;
  --header-bg: #ffffff; --footer-bg: #f4f7fd;
  --cms-bg: #f4f7fd; --cms-text: #16264a; --cms-text-secondary: #4a5b80;
  --cms-blue: #1877f2; --cms-blue-hover: #125fc2; --cms-blue-light: #dbe8fc;
}

[data-theme="twitter"] {
  --bg-primary: #f4f9fd; --bg-secondary: #e5f1fa;
  --text-primary: #15344d; --text-secondary: #4a6682;
  --border-color: #c8dded; --accent-color: #1da1f2;
  --header-bg: #ffffff; --footer-bg: #f4f9fd;
  --cms-bg: #f4f9fd; --cms-text: #15344d; --cms-text-secondary: #4a6682;
  --cms-blue: #1da1f2; --cms-blue-hover: #1781c3; --cms-blue-light: #dceffc;
}

[data-theme="instagram"] {
  --bg-primary: #fbf6f8; --bg-secondary: #f6e9ef;
  --text-primary: #4a1f3a; --text-secondary: #7d5268;
  --border-color: #f0cde0; --accent-color: #c13584;
  --header-bg: #ffffff; --footer-bg: #fbf6f8;
  --cms-bg: #fbf6f8; --cms-text: #4a1f3a; --cms-text-secondary: #7d5268;
  --cms-blue: #c13584; --cms-blue-hover: #9d2b6b; --cms-blue-light: #f7e0ef;
}

[data-theme="linkedin"] {
  --bg-primary: #f4f7fb; --bg-secondary: #e6edf5;
  --text-primary: #16324d; --text-secondary: #4a637f;
  --border-color: #ccdcf0; --accent-color: #0a66c2;
  --header-bg: #ffffff; --footer-bg: #f4f7fb;
  --cms-bg: #f4f7fb; --cms-text: #16324d; --cms-text-secondary: #4a637f;
  --cms-blue: #0a66c2; --cms-blue-hover: #08529c; --cms-blue-light: #dbe9f8;
}

[data-theme="github"] {
  --bg-primary: #f6f6f6; --bg-secondary: #ececec;
  --text-primary: #1f2328; --text-secondary: #57606a;
  --border-color: #d0d7de; --accent-color: #24292f;
  --header-bg: #ffffff; --footer-bg: #f6f6f6;
  --cms-bg: #f6f6f6; --cms-text: #1f2328; --cms-text-secondary: #57606a;
  --cms-blue: #0969da; --cms-blue-hover: #075bb5; --cms-blue-light: #ddeaf9;
}

[data-theme="tiktok"] {
  --bg-primary: #f6f6f6; --bg-secondary: #ebebeb;
  --text-primary: #1f2328; --text-secondary: #57606a;
  --border-color: #d4d4d4; --accent-color: #111111;
  --header-bg: #ffffff; --footer-bg: #f6f6f6;
  --cms-bg: #f6f6f6; --cms-text: #1f2328; --cms-text-secondary: #57606a;
  --cms-blue: #25f4ee; --cms-blue-hover: #1fc6c1; --cms-blue-light: #e3fcfb;
  --cms-red: #fe2c55;
}

[data-theme="gmail"] {
  --bg-primary: #faf7f6; --bg-secondary: #f4ebe9;
  --text-primary: #4a2620; --text-secondary: #7d5a52;
  --border-color: #efd0ca; --accent-color: #ea4335;
  --header-bg: #ffffff; --footer-bg: #faf7f6;
  --cms-bg: #faf7f6; --cms-text: #4a2620; --cms-text-secondary: #7d5a52;
  --cms-blue: #ea4335; --cms-blue-hover: #cc372b; --cms-blue-light: #fbe0db;
  --cms-red: #ea4335;
}

[data-theme="spacex"] {
  --bg-primary: #f5f6f8; --bg-secondary: #e9ebf0;
  --text-primary: #1c2026; --text-secondary: #4f5761;
  --border-color: #d3d9e0; --accent-color: #005288;
  --header-bg: #ffffff; --footer-bg: #f5f6f8;
  --cms-bg: #f5f6f8; --cms-text: #1c2026; --cms-text-secondary: #4f5761;
  --cms-blue: #005288; --cms-blue-hover: #00426d; --cms-blue-light: #dce8f2;
}

[data-theme="x"] {
  --bg-primary: #f5f5f5; --bg-secondary: #e9e9e9;
  --text-primary: #141414; --text-secondary: #4c4c4c;
  --border-color: #d1d1d1; --accent-color: #000000;
  --header-bg: #ffffff; --footer-bg: #f5f5f5;
  --cms-bg: #f5f5f5; --cms-text: #141414; --cms-text-secondary: #4c4c4c;
  --cms-blue: #000000; --cms-blue-hover: #333333; --cms-blue-light: #e6e6e6;
}

[data-theme="tencent"] {
  --bg-primary: #f4f8fe; --bg-secondary: #e6eefc;
  --text-primary: #14294d; --text-secondary: #4a5d82;
  --border-color: #cbdaf8; --accent-color: #0052d9;
  --header-bg: #ffffff; --footer-bg: #f4f8fe;
  --cms-bg: #f4f8fe; --cms-text: #14294d; --cms-text-secondary: #4a5d82;
  --cms-blue: #0052d9; --cms-blue-hover: #0042ae; --cms-blue-light: #d8e4fb;
}

[data-theme="ecloud"] {
  --bg-primary: #f3f7fd; --bg-secondary: #e4ecfa;
  --text-primary: #142c4d; --text-secondary: #4a5f82;
  --border-color: #c7d9f4; --accent-color: #1d6ff2;
  --header-bg: #ffffff; --footer-bg: #f3f7fd;
  --cms-bg: #f3f7fd; --cms-text: #142c4d; --cms-text-secondary: #4a5f82;
  --cms-blue: #1d6ff2; --cms-blue-hover: #1758c2; --cms-blue-light: #dbe7fb;
}

[data-theme="mcloud"] {
  --bg-primary: #f3f9fd; --bg-secondary: #e3f1f9;
  --text-primary: #12304d; --text-secondary: #47627f;
  --border-color: #c4dff0; --accent-color: #1fa6ff;
  --header-bg: #ffffff; --footer-bg: #f3f9fd;
  --cms-bg: #f3f9fd; --cms-text: #12304d; --cms-text-secondary: #47627f;
  --cms-blue: #1fa6ff; --cms-blue-hover: #1285cc; --cms-blue-light: #d8edfc;
}

[data-theme="uncloud"] {
  --bg-primary: #f6f7fb; --bg-secondary: #e9ecf7;
  --text-primary: #24274a; --text-secondary: #4d5380;
  --border-color: #d4d8ef; --accent-color: #b0002a;
  --header-bg: #ffffff; --footer-bg: #f6f7fb;
  --cms-bg: #f6f7fb; --cms-text: #24274a; --cms-text-secondary: #4d5380;
  --cms-blue: #b0002a; --cms-blue-hover: #8d0022; --cms-blue-light: #f5dadd;
  --cms-red: #b0002a;
}