/* Import Google Fonts for consistent typography */
/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=PingFang+SC:wght@300;400;500;600;700&display=swap'); */
/* @import url('~/assets/static/uxbot/fonts_googleapis.css'); */


/* DaisyUI@5 Theme Variables Customization */
:root {
    /* Brand Colors - Based on Design Document */
    --color-primary: rgba(235, 82, 24, 1);
    /* #EB5218 主品牌色 */
    --color-primary-content: rgba(255, 255, 255, 1);
    /* White text on primary */
    --color-secondary: rgba(235, 82, 24, 1);
    /* Same as primary for consistency */
    --color-secondary-content: rgba(255, 255, 255, 1);
    --color-accent: rgba(235, 82, 24, 1);
    /* Same as primary for consistency */
    --color-accent-content: rgba(255, 255, 255, 1);

    /* Neutral Color System */
    --color-base-100: rgba(255, 255, 255, 1);
    /* #FFFFFF 全局背景 */
    --color-base-200: rgba(245, 245, 245, 1);
    /* #F5F5F5 常规背景色 */
    --color-base-300: rgba(224, 224, 224, 1);
    /* #E0E0E0 边框/分割线色 */
    --color-base-content: rgba(51, 51, 51, 1);
    /* #333333 主要文字色 */

    /* Neutral content variations */
    --color-neutral: rgba(51, 51, 51, 1);
    /* #333333 主要文字色 */
    --color-neutral-content: rgba(255, 255, 255, 1);

    /* Functional Colors */
    --color-success: rgba(82, 196, 26, 1);
    /* #52C41A 成功色 */
    --color-success-content: rgba(255, 255, 255, 1);
    --color-warning: rgba(250, 173, 20, 1);
    /* #FAAD14 警告色 */
    --color-warning-content: rgba(51, 51, 51, 1);
    --color-error: rgba(245, 34, 45, 1);
    /* #F5222D 错误色 */
    --color-error-content: rgba(255, 255, 255, 1);
    --color-info: rgba(24, 144, 255, 1);
    /* #1890FF 链接色 */
    --color-info-content: rgba(255, 255, 255, 1);

    /* Border radius and effects */
    --radius-box: 0.5rem;
    /* 8px for modern yet structured feel */
    --radius-field: 0.5rem;
    --radius-selector: 0.5rem;
    --border: 1px;

    /* Custom Color Variables for Design System */
    --text-main: rgba(51, 51, 51, 1);
    /* #333333 主要文字色 */
    --text-secondary: rgba(102, 102, 102, 1);
    /* #666666 次要文字色 */
    --text-disabled: rgba(153, 153, 153, 1);
    /* #999999 弱化文字/禁用状态 */
    --bg-hover: rgba(248, 248, 248, 1);
    /* #F8F8F8 悬停背景色 */
    --primary-light-bg: rgba(254, 242, 238, 1);
    /* #FEF2EE 主色浅色背景 */
    --primary-dark: rgba(204, 70, 20, 1);
    /* #CC4614 主色深色衍生 */
    --primary-hover: rgba(212, 74, 21, 1);
    /* #D44A15 主色悬停 */
}

/* Typography System */
.font-heading {
    font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

.font-body {
    font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

/* Apply fonts globally */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    color: var(--text-main);
}

body,
p,
span,
div,
button,
input,
textarea,
select {
    font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

/* Typography Hierarchy */
h1 {
    font-size: 2.5rem;
    /* 40px */
    font-weight: 700;
    line-height: 1.2;
    color: var(--text-main);
}

h2 {
    font-size: 1.75rem;
    /* 28px */
    font-weight: 600;
    line-height: 1.3;
    color: var(--text-main);
}

h3 {
    font-size: 1.25rem;
    /* 20px */
    font-weight: 600;
    line-height: 1.4;
    color: var(--text-main);
}

p,
.body-text {
    font-size: 1rem;
    /* 16px */
    font-weight: 400;
    line-height: 1.6;
    color: var(--text-main);
}

.small-text {
    font-size: 0.875rem;
    /* 14px */
    color: var(--text-secondary);
    line-height: 1.5;
}

.caption-text {
    font-size: 0.75rem;
    /* 12px */
    color: var(--text-disabled);
    line-height: 1.4;
}