/**
 * PlayJoy Theme Variables
 * =======================
 * 所有颜色变量集中管理在这里
 * 修改主题只需改这个文件
 */

:root {
    /* ===== 主色调 / Primary Color ===== */
    /* 主题色 - 用于按钮、强调、链接等 */
    --color-primary: #39c4b4;
    --color-primary-hover: #2db3a5;
    --color-primary-light: rgba(57, 196, 180, 0.1);
    --color-primary-medium: rgba(57, 196, 180, 0.25);
    --color-primary-strong: rgba(57, 196, 180, 0.35);

    /* ===== 背景色 / Background Colors ===== */
    /* 页面背景 - 最底层背景 */
    --color-bg: #39c4b4;
    --color-bg-overlay: rgba(57, 196, 180, 0.92);

    /* 卡片/容器背景 */
    --color-bg-card: #ffffff;

    /* 搜索框/输入框背景 */
    --color-bg-input: #f3f0eb;
    --color-bg-input-focus: #ffffff;

    /* ===== 文字颜色 / Text Colors ===== */
    /* 主要文字 - 标题、重要内容 */
    --color-text-primary: #1a1a1a;

    /* 正文文字 - 普通段落 */
    --color-text: #2d2a26;

    /* 次要文字 - 辅助信息 */
    --color-text-secondary: #6b6560;

    /* 弱化文字 - placeholder、提示 */
    --color-text-muted: #b0a99e;

    /* 反色文字 - 深色背景上的文字 */
    --color-text-inverse: #ffffff;

    /* ===== 边框颜色 / Border Colors ===== */
    /* 主边框 */
    --color-border: #e8e4df;
    --color-border-hover: #d5cec5;
    --color-border-focus: #39c4b4;

    /* ===== 阴影颜色 / Shadow Colors ===== */
    --shadow-sm: 0 2px 12px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 24px rgba(0, 0, 0, 0.04);
    --shadow-lg: 0 8px 28px rgba(0, 0, 0, 0.07);
    --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.08);

    /* 主题色阴影 */
    --shadow-primary-sm: 0 2px 12px rgba(57, 196, 180, 0.1);
    --shadow-primary-md: 0 4px 20px rgba(57, 196, 180, 0.25);
    --shadow-primary-lg: 0 4px 18px rgba(57, 196, 180, 0.25);
    --shadow-primary-xl: 0 6px 24px rgba(57, 196, 180, 0.35);
    --shadow-primary-btn: 0 3px 12px rgba(57, 196, 180, 0.35);

    /* ===== 特殊元素 / Special ===== */
    /* 游戏 iframe 背景 */
    --color-iframe-bg: #000000;

    /* 关闭按钮背景（半透明） */
    --color-close-btn-bg: rgba(255, 255, 255, 0.92);
    --color-close-btn-bg-solid: rgba(255, 255, 255, 0.9);

    /* 滚动条 */
    --color-scrollbar: #d5cec5;
    --color-scrollbar-hover: #b0a99e;
}

/* =====================
   主题预设（可选）
   ===================== */

/* 浅色主题（默认） */
/* 如需深色主题，可以添加 .dark-theme 类 */