:root {
    color-scheme: dark;
    --tkx-canvas: #080a0d;
    --tkx-surface: #121820;
    --tkx-surface-raised: #1a222c;
    --tkx-surface-inverse: #fbfaf4;
    --tkx-text: #fbfaf4;
    --tkx-text-secondary: #d2d8d5;
    --tkx-text-muted: #a9b2ae;
    --tkx-text-inverse: #111418;
    --tkx-border: #78838e;
    --tkx-border-subtle: #3e4853;
    --tkx-accent-fill: #caff4d;
    --tkx-on-accent: #090a0c;
    --tkx-accent-text: #d8ff7c;
    --tkx-focus: #7de7ff;
    --tkx-success: #70f2b4;
    --tkx-warning: #ffc96b;
    --tkx-danger: #ff8794;
    --tkx-info: #7de7ff;
    --tkx-violet: #c2b5ff;
    --tkx-shadow: rgba(0, 0, 0, 0.42);
    --tkx-overlay: rgba(0, 0, 0, 0.72);
    --tkx-radius-sm: 0.5rem;
    --tkx-radius-md: 0.875rem;
    --tkx-radius-lg: 1.25rem;
    --tkx-space-1: 0.25rem;
    --tkx-space-2: 0.5rem;
    --tkx-space-3: 0.75rem;
    --tkx-space-4: 1rem;
    --tkx-space-5: 1.5rem;
    --tkx-space-6: 2rem;
    --tkx-space-7: 3rem;
    --tkx-target: 2.75rem;
    --tkx-content: 78rem;
    --tkx-font-sans: "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --tkx-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

:root[data-theme="light"] {
    color-scheme: light;
    --tkx-canvas: #f7f8f4;
    --tkx-surface: #ffffff;
    --tkx-surface-raised: #eef1eb;
    --tkx-surface-inverse: #111418;
    --tkx-text: #171a18;
    --tkx-text-secondary: #3e4541;
    --tkx-text-muted: #5f625c;
    --tkx-text-inverse: #fbfaf4;
    --tkx-border: #747a75;
    --tkx-border-subtle: #c4cac4;
    --tkx-accent-fill: #caff4d;
    --tkx-on-accent: #090a0c;
    --tkx-accent-text: #3f6500;
    --tkx-focus: #00677a;
    --tkx-success: #08764b;
    --tkx-warning: #815000;
    --tkx-danger: #b4233a;
    --tkx-info: #00677a;
    --tkx-violet: #5c43c7;
    --tkx-shadow: rgba(24, 31, 27, 0.18);
    --tkx-overlay: rgba(9, 12, 10, 0.62);
}

@media (prefers-color-scheme: light) {
    :root:not([data-theme]) {
        color-scheme: light;
        --tkx-canvas: #f7f8f4;
        --tkx-surface: #ffffff;
        --tkx-surface-raised: #eef1eb;
        --tkx-surface-inverse: #111418;
        --tkx-text: #171a18;
        --tkx-text-secondary: #3e4541;
        --tkx-text-muted: #5f625c;
        --tkx-text-inverse: #fbfaf4;
        --tkx-border: #747a75;
        --tkx-border-subtle: #c4cac4;
        --tkx-accent-fill: #caff4d;
        --tkx-on-accent: #090a0c;
        --tkx-accent-text: #3f6500;
        --tkx-focus: #00677a;
        --tkx-success: #08764b;
        --tkx-warning: #815000;
        --tkx-danger: #b4233a;
        --tkx-info: #00677a;
        --tkx-violet: #5c43c7;
        --tkx-shadow: rgba(24, 31, 27, 0.18);
        --tkx-overlay: rgba(9, 12, 10, 0.62);
    }
}