:root {
    color-scheme: light;
    --kyd-bg: #f5f8fa;
    --kyd-surface: #ffffff;
    --kyd-surface-soft: #f7faf8;
    --kyd-surface-info: #f3f8fb;
    --kyd-text: #1f2a2c;
    --kyd-text-strong: #152321;
    --kyd-muted: #687477;
    --kyd-line: #dfe7e2;
    --kyd-line-strong: #c8d8d1;
    --kyd-brand: #246f59;
    --kyd-brand-dark: #174d40;
    --kyd-brand-soft: #e7f3ee;
    --kyd-info: #2f7fa7;
    --kyd-info-dark: #1f6383;
    --kyd-info-soft: #eaf4f8;
    --kyd-success: #168a67;
    --kyd-success-soft: #edf8f2;
    --kyd-warn: #b96b18;
    --kyd-warn-soft: #fff7e8;
    --kyd-accent: #b7791f;
    --kyd-danger: #b42318;
    --kyd-danger-soft: #fff1ef;
    --kyd-radius: 8px;
    --kyd-radius-sm: 6px;
    --kyd-radius-pill: 999px;
    --kyd-space-1: 4px;
    --kyd-space-2: 8px;
    --kyd-space-3: 12px;
    --kyd-space-4: 16px;
    --kyd-space-5: 20px;
    --kyd-space-6: 24px;
    --kyd-font-xs: 12px;
    --kyd-font-sm: 13px;
    --kyd-font-md: 14px;
    --kyd-font-lg: 16px;
    --kyd-font-xl: 20px;
    --kyd-font-2xl: 24px;
    --kyd-shadow-sm: 0 8px 22px rgba(31, 42, 44, 0.08);
    --kyd-shadow: 0 18px 48px rgba(31, 42, 44, 0.12);
    --kyd-shadow-lg: 0 24px 80px rgba(31, 42, 44, 0.2);
}