:root {
    /* Brand */
    --k-white: #ffffff;
    --k-ink-950: #0b1117;
    --k-ink-900: #111820;
    --k-ink-800: #1b2732;
    --k-ink-700: #334454;
    --k-ink-600: #526474;
    --k-ink-500: #6c7b88;
    --k-ink-400: #94a1ac;
    --k-ink-300: #bcc6ce;
    --k-ink-200: #d8e0e6;
    --k-ink-150: #e5eaee;
    --k-ink-100: #eef2f5;
    --k-ink-050: #f7f9fb;

    --k-blue-700: #0f6fbd;
    --k-blue-600: #1688dc;
    --k-blue-500: #2697e8;
    --k-blue-400: #4aaaf0;
    --k-blue-300: #77c1f5;
    --k-blue-200: #b5ddfa;
    --k-blue-100: #e7f5fe;
    --k-blue-050: #f3faff;

    --k-success: #1f8a55;
    --k-warning: #b26a00;
    --k-danger: #b42318;
    --k-info: var(--k-blue-600);

    /* Semantic surfaces */
    --k-bg: var(--k-white);
    --k-surface: var(--k-white);
    --k-surface-soft: var(--k-ink-050);
    --k-surface-blue: var(--k-blue-050);
    --k-text: var(--k-ink-950);
    --k-text-secondary: var(--k-ink-600);
    --k-text-tertiary: var(--k-ink-500);
    --k-border: var(--k-ink-150);
    --k-border-strong: var(--k-ink-300);
    --k-accent: var(--k-blue-500);
    --k-accent-strong: var(--k-blue-700);
    --k-focus: rgba(38, 151, 232, .35);

    /* Typography */
    --k-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text",
        Inter, "Helvetica Neue", Arial, sans-serif;
    --k-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
        "Liberation Mono", "Courier New", monospace;

    --k-text-xs: .75rem;
    --k-text-sm: .875rem;
    --k-text-md: 1rem;
    --k-text-lg: 1.125rem;
    --k-text-xl: 1.375rem;
    --k-text-2xl: 1.75rem;
    --k-text-3xl: 2.25rem;
    --k-text-4xl: 3rem;
    --k-text-5xl: 4.25rem;
    --k-text-6xl: 5.5rem;

    --k-weight-regular: 400;
    --k-weight-medium: 520;
    --k-weight-semibold: 640;
    --k-weight-bold: 720;

    --k-leading-tight: 1.05;
    --k-leading-snug: 1.2;
    --k-leading-normal: 1.5;
    --k-leading-relaxed: 1.7;

    /* Spacing */
    --k-space-0: 0;
    --k-space-1: .25rem;
    --k-space-2: .5rem;
    --k-space-3: .75rem;
    --k-space-4: 1rem;
    --k-space-5: 1.25rem;
    --k-space-6: 1.5rem;
    --k-space-8: 2rem;
    --k-space-10: 2.5rem;
    --k-space-12: 3rem;
    --k-space-16: 4rem;
    --k-space-20: 5rem;
    --k-space-24: 6rem;
    --k-space-32: 8rem;

    /* Radius */
    --k-radius-sm: .65rem;
    --k-radius-md: 1rem;
    --k-radius-lg: 1.4rem;
    --k-radius-xl: 2rem;
    --k-radius-pill: 999px;

    /* Shadows */
    --k-shadow-xs: 0 1px 2px rgba(14, 28, 40, .04);
    --k-shadow-sm: 0 8px 24px rgba(14, 28, 40, .06);
    --k-shadow-md: 0 18px 48px rgba(14, 28, 40, .08);
    --k-shadow-lg: 0 28px 80px rgba(14, 28, 40, .11);

    /* Layout */
    --k-container: 1200px;
    --k-container-wide: 1440px;
    --k-header-height: 72px;
    --k-section-space: clamp(5rem, 8vw, 8rem);

    /* Motion */
    --k-ease-standard: cubic-bezier(.2, .8, .2, 1);
    --k-ease-emphasized: cubic-bezier(.2, .9, .25, 1);
    --k-duration-fast: 140ms;
    --k-duration-normal: 220ms;
    --k-duration-slow: 420ms;

    /* Layering */
    --k-z-base: 1;
    --k-z-sticky: 40;
    --k-z-overlay: 80;
    --k-z-modal: 100;
}