:root {
    --kitel-primary: #191970;
    --kitel-primary-soft: #eef1fb;
    --kitel-text: #1c1f25;
    --kitel-text-secondary: #626262;
    --kitel-text-muted: #a9aeb3;
    --kitel-surface: #fff;
    --kitel-surface-subtle: #f5f5f5;
    --kitel-surface-footer: #f0f0f0;
    --kitel-border: #e9e9e9;
    --kitel-border-row: #e2e8f0;
    --kitel-radius-xs: 4px;
    --kitel-radius-sm: 5px;
    --kitel-radius-pill: 20px;
    --kitel-radius-card: 20px;
    --kitel-shadow-card: 2px 12px 10px rgba(0, 0, 0, .15);
    --kitel-shadow-panel: 2px 12px 20px rgba(0, 0, 0, .15);
    --kitel-content-width: 1160px;
    --kitel-font: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
    --kitel-text-xs: 14px;
    --kitel-text-sm: 16px;
    --kitel-text-md: 20px;
    --kitel-text-lg: 24px;
    --kitel-text-card: 32px;
    --kitel-text-page: 45px;
    --kitel-text-page-productive: 32px;
    --kitel-text-description-productive: 16px;
    --kitel-text-display-sm: 40px;
    --kitel-text-display-lg: 60px;
    --kitel-heading-tracking: -.03em;
    --kitel-space-1: 8px;
    --kitel-space-2: 16px;
    --kitel-space-3: 24px;
    --kitel-space-4: 32px;
    --kitel-space-5: 40px;
    --kitel-space-6: 48px;
    --kitel-space-7: 64px;
    --kitel-space-8: 80px;
}