:root {
    --bg: #f7f9fc;
    --bg-soft: #f9fbfd;
    --bg-soft-2: #f3f6f9;
    --bg-pattern: rgba(63, 126, 166, 0.03);
    --card: #ffffff;
    --card-soft: #eef2f6;
    --line: #dce3ea;
    --line-strong: #c8d3df;
    --text: #1f2a37;
    --text-secondary: #344054;
    --muted: #667085;
    --primary: #3f7ea6;
    --primary-hover: #336a8c;
    --danger: #c65746;
    --danger-soft: #fdf2f2;
    --danger-line: #f3d3ce;
    --success: #2f8f63;
    --success-soft: #eef8f2;
    --success-line: #cde9d9;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --shadow-card: 0 6px 18px rgba(31, 42, 55, 0.08);
}