/* css/base.css */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap');

:root {
    /* 复古书卷/博物馆 主题 */
    --primary-color: #4a6984;         /* 古典蓝 (用于按钮、链接等) */
    --primary-hover: #5f85a6;         /* 亮一点的古典蓝 (悬停) */
    --secondary-color: #b89b72;       /* 复古赤金 (用于点缀、渐变) */
    --accent-color: #a85c5c;          /* 柔和赭石红 (用于强调、图表) */

    /* 状态色 */
    --success-color: #5a876a;         /* 典雅绿 (成功) */
    --success-rgb: 90, 135, 106;      /* 典雅绿的RGB值 */
    --error-color: #c05f5f;           /* 暗红色 (错误) */
    --warning-color: #c78743;         /* 琥珀色 (警告) */

    /* 文本色 */
    --text-primary: #3d352e;          /* 深棕色 (主文本) */
    --text-secondary: #6b5f58;        /* 中棕色 (次要文本) */
    --text-muted: #9c8f86;            /* 浅棕色 (提示/禁用文本) */

    /* 背景与阴影 */
    --bg-body: #f5f0e8;               /* 羊皮纸/米白背景 */
    --bg-card: #fdfaf3;               /* 卡片/内容区背景 */
    --bg-overlay: rgba(253, 250, 243, 0.95); /* 带透明度的卡片背景 */
    --shadow-card: 0 8px 20px rgba(61, 53, 46, 0.1);  /* 棕色系阴影 */
    --shadow-hover: 0 12px 28px rgba(61, 53, 46, 0.15); /* 棕色系悬停阴影 */

    /* 边框与圆角 (圆角可以适当减小，增加古典感) */
    --border-radius: 12px;
    --border-radius-sm: 6px;
    --border-radius-md: 8px;
    --border-radius-xs: 4px;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* 其他颜色 */
    --missed-correct-color: #c78743; /* 琥珀色 (多选题漏选) */
    --missed-correct-bg: rgba(199, 135, 67, 0.1);
    --primary-color-xlight: #eef2f5;
    --border-color-light: #e0d9d1;
    --border-color: #d1c8c1;
    --warning-color-light: #fef3e5;
    --warning-color-dark: #8c5d2c;
    --code-bg-color: #3d352e;
    --code-text-color: #f5f0e8;
    --inline-code-bg-color: rgba(74, 105, 132, 0.1);
    --primary-color-dark: #405a72;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: var(--bg-body);
    color: var(--text-primary);
    line-height: 1.6;
    min-height: 100vh;
    position: relative;
    overflow-x: hidden; /* Prevent horizontal scroll */
}

body.modal-open {
    overflow: hidden;
}

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(circle at 20% 80%, rgba(184, 155, 114, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(168, 92, 92, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(74, 105, 132, 0.08) 0%, transparent 50%);
    pointer-events: none;
    z-index: -1; /* Ensure it's behind content */
}