:root {
    color-scheme: dark;

    --kc-bg: #0d1014;
    --kc-bg-soft: #12161b;
    --kc-surface: #171b20;
    --kc-surface-2: #1d2229;
    --kc-surface-3: #242a32;
    --kc-border: #323944;
    --kc-border-strong: #49515d;

    --kc-text: #f6f2e8;
    --kc-text-soft: #d8d3c8;
    --kc-muted: #9ea6b1;

    --kc-gold: #dcae4f;
    --kc-gold-strong: #f1cb72;
    --kc-gold-deep: #9d7228;
    --kc-chrono: #73a9ff;
    --kc-chrono-soft: #a9caff;

    --kc-success: #66cf8c;
    --kc-warning: #e7b85b;
    --kc-danger: #f08080;

    --kc-radius-sm: 10px;
    --kc-radius-md: 16px;
    --kc-radius-lg: 22px;
    --kc-radius-pill: 999px;

    --kc-shadow-sm: 0 10px 26px rgba(0, 0, 0, .2);
    --kc-shadow-lg: 0 24px 70px rgba(0, 0, 0, .34);

    --kc-space-1: .375rem;
    --kc-space-2: .625rem;
    --kc-space-3: .875rem;
    --kc-space-4: 1rem;
    --kc-space-5: 1.25rem;
    --kc-space-6: 1.5rem;
    --kc-space-8: 2rem;
    --kc-space-10: 2.5rem;
    --kc-space-12: 3rem;

    --kc-container: 1180px;
    --kc-narrow: 560px;
    --kc-header-height: 68px;
}