:root {
    color-scheme: light dark;

    --tk-color-bg: light-dark(#F4F6FF, #0D1030);
    --tk-color-bg-alt: light-dark(#EBEEFE, #10143A);
    --tk-color-surface: light-dark(#FFFFFF, #161A45);
    --tk-color-surface-hover: light-dark(#F0F2FF, #1F2459);
    --tk-color-header-bg: light-dark(rgb(255 255 255 / 0.74), rgb(13 16 48 / 0.74));
    --tk-color-footer-bg: light-dark(#EAEDFD, #090B26);
    --tk-color-text: light-dark(#141A3D, #EEF0FF);
    --tk-color-text-muted: light-dark(#4A5178, #A9AECF);
    --tk-color-line: light-dark(#DDE2F5, #2A2F66);
    --tk-color-line-strong: light-dark(#B9C0E3, #444B8F);
    --tk-color-primary: light-dark(#5B2EE6, #8B6BFF);
    --tk-color-primary-hover: light-dark(#4720C9, #A58FFF);
    --tk-color-primary-contrast: light-dark(#FFFFFF, #0D1030);
    --tk-color-primary-soft: light-dark(#ECE6FF, #241F5E);
    --tk-color-primary-text: light-dark(#5B2EE6, #B3A1FF);
    --tk-color-accent: light-dark(#14A37A, #3DDCA8);
    --tk-color-accent-strong: light-dark(#0B7A5A, #3DDCA8);
    --tk-color-accent-soft: light-dark(#DCF6EC, #12393D);
    --tk-color-accent-contrast: light-dark(#141A3D, #0D1030);
    --tk-color-link: var(--tk-color-primary-text);
    --tk-color-link-hover: light-dark(#4720C9, #CDBFFF);
    --tk-color-focus: light-dark(#5B2EE6, #3DDCA8);
    --tk-color-glow-primary: light-dark(rgb(91 46 230 / 0.10), rgb(139 107 255 / 0.18));
    --tk-color-glow-accent: light-dark(rgb(20 163 122 / 0.08), rgb(61 220 168 / 0.10));
    --tk-color-status-available: light-dark(#0B6B4F, #3DDCA8);
    --tk-color-status-available-bg: light-dark(#DCF6EC, #12393D);
    --tk-color-status-progress: light-dark(#7A4B00, #FFC83D);
    --tk-color-status-progress-bg: light-dark(#FFF1D1, #3A2E12);
    --tk-color-status-planned: light-dark(#4A21C9, #C7B8FF);
    --tk-color-status-planned-bg: light-dark(#ECE6FF, #241F5E);
    --tk-color-status-no: light-dark(#9B1C3A, #FF8FA8);
    --tk-color-status-no-bg: light-dark(#FDE7EC, #3F1A2C);
    --tk-color-status-unknown: light-dark(#4A5178, #A9AECF);
    --tk-color-status-unknown-bg: light-dark(#ECEFFA, #22275A);

    --tk-scene-island: light-dark(#FFFFFF, #262C6E);
    --tk-scene-island-end: light-dark(#E9ECFF, #1A1F55);
    --tk-scene-island-inlay: light-dark(rgb(91 46 230 / 0.05), rgb(139 107 255 / 0.10));
    --tk-scene-island-side: light-dark(#D9DEF7, #161A4A);
    --tk-scene-island-side-dark: light-dark(#C3C9EE, #10133A);
    --tk-scene-rock: light-dark(#C9C0F5, #2E2878);
    --tk-scene-rock-dark: light-dark(#B3A7EF, #231E64);
    --tk-scene-rock-deep: light-dark(#9E8FE8, #1C1853);
    --tk-scene-rock-deep-dark: light-dark(#8A79E0, #151244);
    --tk-scene-band-post: light-dark(#5B2EE6, #8B6BFF);
    --tk-scene-band-post-dark: light-dark(#4720C9, #6C4EE0);
    --tk-scene-band-live: light-dark(#14A37A, #3DDCA8);
    --tk-scene-band-live-dark: light-dark(#0B7A5A, #26B386);
    --tk-scene-outline: light-dark(rgb(20 26 61 / 0.12), rgb(255 255 255 / 0.07));
    --tk-scene-outline-width: 0.75;
    --tk-scene-shadow: light-dark(rgb(52 34 150 / 0.24), rgb(0 0 0 / 0.55));
    --tk-scene-shadow-fade: light-dark(rgb(52 34 150 / 0), rgb(0 0 0 / 0));
    --tk-scene-floor: light-dark(rgb(91 46 230 / 0.09), rgb(139 107 255 / 0.13));
    --tk-scene-floor-fade: light-dark(rgb(91 46 230 / 0), rgb(139 107 255 / 0));
    --tk-scene-glow: light-dark(rgb(20 163 122 / 0.30), rgb(61 220 168 / 0.28));
    --tk-scene-glow-fade: light-dark(rgb(20 163 122 / 0), rgb(61 220 168 / 0));
    --tk-scene-card: light-dark(#FFFFFF, #2B3178);
    --tk-scene-card-edge: light-dark(#D4D8F3, #1B2058);
    --tk-scene-card-edge-dark: light-dark(#BFC5EB, #141847);
    --tk-scene-card-line: light-dark(#C5CAE8, #5A61AE);
    --tk-scene-card-line-soft: light-dark(#E2E5F6, #3C4290);
    --tk-scene-card-hill: light-dark(rgb(255 255 255 / 0.55), rgb(13 16 48 / 0.35));
    --tk-scene-sun: light-dark(#FFD66B, #FFE08A);
    --tk-scene-heart: light-dark(#E8457A, #FF6F9A);
    --tk-scene-image: light-dark(#7B5CFF, #8B6BFF);
    --tk-scene-image-end: light-dark(#2FCB98, #3DDCA8);
    --tk-scene-spark: light-dark(#7B5CFF, #B39CFF);
    --tk-scene-spark-end: light-dark(#14C08E, #3DDCA8);
    --tk-scene-shield: #5DE9A8;
    --tk-scene-shield-end: #0F8E7E;
    --tk-scene-shield-side: light-dark(#0A6A5E, #0A5F55);
    --tk-scene-shine: rgb(255 255 255 / 0.22);
    --tk-scene-check: #FFFFFF;
    --tk-scene-clock-face: light-dark(#FFFFFF, #2B3178);
    --tk-scene-clock-back: light-dark(#C3C9EE, #12163F);
    --tk-scene-clock-hand: light-dark(#141A3D, #EEF0FF);
    --tk-scene-calendar: light-dark(#FFFFFF, #2B3178);
    --tk-scene-calendar-side: light-dark(#D4D8F3, #1B2058);
    --tk-scene-calendar-side-dark: light-dark(#BFC5EB, #141847);
    --tk-scene-calendar-ring: light-dark(#141A3D, #EEF0FF);
    --tk-scene-calendar-cell: light-dark(#ECEFFC, #3C4290);
    --tk-scene-calendar-pick: light-dark(#14A37A, #3DDCA8);
    --tk-scene-calendar-check: #FFFFFF;
    --tk-scene-status: light-dark(#14A37A, #3DDCA8);
    --tk-scene-phone: light-dark(#1B1F5E, #090B26);
    --tk-scene-phone-side: light-dark(#12154A, #05061A);
    --tk-scene-screen: light-dark(#FFFFFF, #20265F);
    --tk-scene-screen-end: light-dark(#E8EBFC, #151A4C);
    --tk-scene-phone-tile: light-dark(#DCE0F7, #343A86);
    --tk-scene-play: #FFFFFF;
    --tk-scene-building: light-dark(#FFFFFF, #343A86);
    --tk-scene-building-side: light-dark(#E1E4F8, #262B6E);
    --tk-scene-roof: light-dark(#3C3FA6, #5B5FD0);
    --tk-scene-roof-side: light-dark(#2D3087, #4347A8);
    --tk-scene-window: light-dark(#CBD5FF, #8FA0FF);
    --tk-scene-avatar-1: light-dark(#5B2EE6, #8B6BFF);
    --tk-scene-avatar-2: light-dark(#14A37A, #3DDCA8);
    --tk-scene-avatar-3: light-dark(#F59E0B, #FFC83D);
    --tk-scene-skin-1: #F6D2B8;
    --tk-scene-skin-2: #C98E64;
    --tk-scene-skin-3: #8D5A3B;
    --tk-scene-hair-1: #2A1E5C;
    --tk-scene-hair-2: #5A3520;
    --tk-scene-hair-3: #1E1B2E;
    --tk-scene-flow-post: light-dark(#5B2EE6, #8B6BFF);
    --tk-scene-flow-live: light-dark(#14A37A, #3DDCA8);
    --tk-scene-flow-collab: light-dark(#D6407F, #FF7AB0);
    --tk-scene-alert-dark: light-dark(#C22E5E, #E0507E);
    --tk-scene-lens: light-dark(rgb(123 92 255 / 0.18), rgb(179 156 255 / 0.22));
    --tk-scene-pool: light-dark(rgb(20 163 122 / 0.14), rgb(61 220 168 / 0.16));
    --tk-scene-ghost: light-dark(rgb(255 255 255 / 0.4), rgb(255 255 255 / 0.04));
    --tk-scene-ui-light: #F4F6FF;
    --tk-scene-ui-light-line: #C5CAE8;
    --tk-scene-ui-dark: #141A3D;
    --tk-scene-ui-dark-line: #5A61AE;
    --tk-scene-ghost-dash: 4 4;
    --tk-scene-flow-width: 2.5;
    --tk-scene-stroke-thin: 2;
    --tk-scene-stroke: 2.5;
    --tk-scene-stroke-strong: 3.5;
    --tk-scene-stroke-heavy: 4.5;
    --tk-scene-stroke-hair: 1.25;
    --tk-scene-flow-base-width: 7;
    --tk-scene-flow-base-opacity: 0.14;
    --tk-scene-dash: 7 6;
    --tk-scene-dash-period: 13;
    --tk-scene-trail-dash: 0 6;
    --tk-scene-trail-period: 6;
    --tk-scene-motion-reveal: 700ms;
    --tk-scene-motion-reveal-stagger: 80ms;
    --tk-scene-motion-hide: 350ms;
    --tk-scene-motion-check: 700ms;
    --tk-scene-motion-check-delay: 350ms;
    --tk-scene-motion-type: 500ms;
    --tk-scene-motion-type-stagger: 250ms;
    --tk-scene-motion-pop-in: 500ms;
    --tk-scene-motion-pop-delay: 300ms;
    --tk-scene-motion-pop-stagger: 200ms;
    --tk-scene-motion-pop-out: 300ms;
    --tk-scene-motion-pop-hold: 2500ms;
    --tk-scene-motion-pop-rest: 1700ms;
    --tk-scene-motion-float: 3600ms;
    --tk-scene-motion-float-phase: 700ms;
    --tk-scene-motion-flow: 900ms;
    --tk-scene-motion-trail: 600ms;
    --tk-scene-motion-travel: 2600ms;
    --tk-scene-motion-travel-phase: 450ms;
    --tk-scene-motion-travel-rest: 600ms;
    --tk-scene-motion-twinkle: 1400ms;
    --tk-scene-motion-twinkle-stagger: 300ms;
    --tk-scene-motion-blink: 500ms;
    --tk-scene-motion-clock: 8000ms;
    --tk-scene-motion-clock-hour: 96000ms;
    --tk-scene-motion-pulse: 1600ms;
    --tk-scene-motion-pulse-rest: 400ms;
    --tk-scene-motion-pick: 1400ms;
    --tk-scene-motion-spin: 2400ms;
    --tk-scene-motion-shuttle: 2200ms;
    --tk-scene-motion-fill: 1800ms;
    --tk-scene-motion-fill-rest: 900ms;
    --tk-scene-motion-glint: 1100ms;
    --tk-scene-reveal-offset: 14;
    --tk-scene-float-offset: 6;
    --tk-scene-sticky-top: calc(var(--tk-size-header) + var(--tk-space-5));
    --tk-scene-compact-height: 42vh;
    --tk-scene-step-height: 40vh;
    --tk-scene-step-height-wide: 80vh;
    --tk-scene-story-columns: 1fr 1.4fr;

    --tk-logo-wordmark: light-dark(#141A3D, #F1F2FF);
    --tk-logo-navy: #1B1F5E;
    --tk-logo-paper: #F5F6FD;
    --tk-logo-header: #3C3FA6;
    --tk-logo-tile: #C8CCF2;
    --tk-logo-play: #6A4BE0;
    --tk-logo-check: #FFFFFF;
    --tk-logo-speed: #8A6CF0;
    --tk-logo-shield-top: #5DE9A8;
    --tk-logo-shield-bottom: #0F8E7E;
    --tk-logo-spark: #2DD49A;
    --tk-logo-shadow: light-dark(#D8DBF6, #23285A);

    --tk-intro-z: calc(var(--bs-z-toast) + 10);
    --tk-intro-size: min(44vmin, 17rem);
    --tk-intro-failsafe: 1600ms;
    --tk-intro-motion-calendar: 400ms;
    --tk-intro-motion-clock: 350ms;
    --tk-intro-motion-hands: 600ms;
    --tk-intro-motion-speed: 300ms;
    --tk-intro-motion-shield: 350ms;
    --tk-intro-motion-check: 250ms;
    --tk-intro-motion-spark: 300ms;
    --tk-intro-motion-fly: 450ms;
    --tk-intro-motion-fade: 400ms;
    --tk-intro-motion-land: 200ms;
    --tk-intro-motion-skip: 200ms;
    --tk-intro-at-clock: 120ms;
    --tk-intro-at-hands: 180ms;
    --tk-intro-at-speed: 300ms;
    --tk-intro-at-shield: 400ms;
    --tk-intro-at-check: 600ms;
    --tk-intro-at-spark: 720ms;
    --tk-intro-at-fly: 850ms;
    --tk-intro-at-fade: 150ms;

    --tk-font-display: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
    --tk-font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
    --tk-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
    --tk-font-size-xs: 0.8125rem;
    --tk-font-size-sm: 0.9375rem;
    --tk-font-size-md: 1rem;
    --tk-font-size-lg: 1.125rem;
    --tk-font-size-xl: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
    --tk-font-size-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
    --tk-font-size-h2: clamp(1.75rem, 1.35rem + 1.6vw, 2.5rem);
    --tk-font-size-h1: clamp(2.25rem, 1.6rem + 2.8vw, 3.75rem);
    --tk-font-size-lead: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
    --tk-font-size-figure: clamp(2.5rem, 1.9rem + 2.4vw, 3.75rem);
    --tk-font-weight-regular: 400;
    --tk-font-weight-medium: 500;
    --tk-font-weight-semibold: 600;
    --tk-font-weight-bold: 700;
    --tk-font-weight-extrabold: 800;
    --tk-line-height-none: 1;
    --tk-line-height-tight: 1.12;
    --tk-line-height-snug: 1.3;
    --tk-line-height-body: 1.65;
    --tk-letter-spacing-tight: -0.025em;
    --tk-letter-spacing-kicker: 0.08em;

    --tk-space-1: 0.25rem;
    --tk-space-2: 0.5rem;
    --tk-space-3: 0.75rem;
    --tk-space-4: 1rem;
    --tk-space-5: 1.5rem;
    --tk-space-6: 2rem;
    --tk-space-7: 3rem;
    --tk-space-8: 4rem;
    --tk-space-9: 6rem;
    --tk-space-gutter: 1rem;

    --tk-size-container: 76rem;
    --tk-size-header: 4.5rem;
    --tk-size-logo: 2.375rem;
    --tk-size-target: 2.5rem;
    --tk-size-icon: 1.125rem;
    --tk-size-icon-sm: 0.875rem;
    --tk-size-close: 1.5rem;
    --tk-size-drawer: 22rem;
    --tk-size-menu: 15rem;
    --tk-size-prose: 42rem;
    --tk-size-hero-copy: 38rem;
    --tk-size-hero-visual: 36rem;
    --tk-size-hero-visual-compact: 22rem;
    --tk-size-card-min: 16rem;
    --tk-size-step-card: 30rem;
    --tk-size-figure-min: 8rem;
    --tk-size-target-lg: 3rem;
    --tk-size-icon-box: 2.75rem;
    --tk-size-icon-lg: 1.375rem;
    --tk-size-nav-group: 13.5rem;
    --tk-size-chapter-number: clamp(2.5rem, 2rem + 2vw, 3.5rem);

    --tk-radius-sm: 0.5rem;
    --tk-radius-md: 0.75rem;
    --tk-radius-lg: 1.25rem;
    --tk-radius-xl: 1.75rem;
    --tk-radius-pill: 999px;

    --tk-border-width: 1px;
    --tk-underline-offset: 0.2em;
    --tk-focus-width: 3px;
    --tk-focus-offset: 2px;
    --tk-blur-header: 14px;
    --tk-opacity-control: 0.8;

    --tk-shadow-sm: 0 1px 2px light-dark(rgb(20 26 61 / 0.06), rgb(0 0 0 / 0.35));
    --tk-shadow-md: 0 2px 4px light-dark(rgb(20 26 61 / 0.04), rgb(0 0 0 / 0.3)), 0 10px 24px -6px light-dark(rgb(20 26 61 / 0.10), rgb(0 0 0 / 0.45));
    --tk-shadow-lg: 0 4px 8px light-dark(rgb(20 26 61 / 0.05), rgb(0 0 0 / 0.3)), 0 24px 48px -12px light-dark(rgb(51 30 140 / 0.18), rgb(0 0 0 / 0.55));
    --tk-shadow-header: 0 1px 0 var(--tk-color-line), 0 8px 24px -16px light-dark(rgb(20 26 61 / 0.25), rgb(0 0 0 / 0.6));

    --tk-motion-fast: 150ms;
    --tk-motion-base: 250ms;
    --tk-motion-slow: 400ms;
    --tk-motion-ease: cubic-bezier(0.2, 0.8, 0.2, 1);

    --tk-link-decoration-ui: none;
    --tk-gradient-panel: radial-gradient(36rem 18rem at 100% 0%, var(--tk-color-glow-primary), transparent 70%), radial-gradient(30rem 16rem at 0% 100%, var(--tk-color-glow-accent), transparent 70%);
    --tk-home-hero-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    --tk-home-hero-areas: "copy" "visual" "chips";
    --tk-home-hero-areas-wide: "copy visual" "chips visual";
    --tk-home-faq-columns: minmax(0, 1fr) minmax(0, 1.8fr);
    --tk-feature-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    --tk-feature-step-height: 30vh;
    --tk-feature-step-height-wide: 50vh;
    --tk-feature-stage-max: calc(100vh - var(--tk-size-header) - var(--tk-space-7));
    --tk-features-chapter-columns: minmax(0, 1fr) minmax(0, 2.2fr);
    --tk-size-usecase-card-min: 21rem;
    --tk-size-faq: 50rem;
    --tk-size-security-card-min: 20rem;
    --tk-size-toggle-option: 8rem;
    --tk-size-selfhost-icon: 4rem;
    --tk-size-selfhost-icon-glyph: 2rem;
    --tk-size-badge-offset: -0.9rem;
    --tk-size-org-diagram-height: 24rem;
    --tk-size-compare-label: 12rem;
    --tk-size-compare-cell: 11rem;
    --tk-size-compare-min: 67rem;
    --tk-size-compare-min-pair: 38rem;
    --tk-size-compare-card-min: 17rem;
    --tk-org-tree-tick: 1.4rem;
    --tk-usecase-tree-columns: minmax(0, 1fr) minmax(0, 1fr);
    --tk-usecase-story-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    --tk-contact-columns: minmax(0, 1.65fr) minmax(0, 1fr);
    --tk-size-textarea-min: 9rem;
    --tk-size-step-marker: 2rem;
    --tk-gradient-page: radial-gradient(60rem 30rem at 85% -10%, var(--tk-color-glow-primary), transparent 70%), radial-gradient(40rem 24rem at -10% 10%, var(--tk-color-glow-accent), transparent 70%);
}

@media (min-width: 576px) {
    :root {
        --tk-space-gutter: 1.5rem;
    }
}

@media (min-width: 1024px) {
    :root {
        --tk-space-gutter: 2rem;
    }
}

[data-theme="light"] {
    color-scheme: light;
}

[data-theme="dark"] {
    color-scheme: dark;
}

[data-theme="contrast"] {
    color-scheme: dark;

    --tk-color-bg: #000000;
    --tk-color-bg-alt: #000000;
    --tk-color-surface: #000000;
    --tk-color-surface-hover: #1A1A1A;
    --tk-color-header-bg: #000000;
    --tk-color-footer-bg: #000000;
    --tk-color-text: #FFFFFF;
    --tk-color-text-muted: #FFFFFF;
    --tk-color-line: #FFFFFF;
    --tk-color-line-strong: #FFFFFF;
    --tk-color-primary: #FFE500;
    --tk-color-primary-hover: #FFF27A;
    --tk-color-primary-contrast: #000000;
    --tk-color-primary-soft: #000000;
    --tk-color-primary-text: #FFE500;
    --tk-color-link: #FFE500;
    --tk-color-link-hover: #FFF27A;
    --tk-color-accent: #00FFB2;
    --tk-color-accent-strong: #00FFB2;
    --tk-color-accent-soft: #000000;
    --tk-color-accent-contrast: #000000;
    --tk-color-focus: #00FFB2;
    --tk-color-glow-primary: transparent;
    --tk-color-glow-accent: transparent;
    --tk-color-status-available: #00FFB2;
    --tk-color-status-available-bg: #000000;
    --tk-color-status-progress: #FFE500;
    --tk-color-status-progress-bg: #000000;
    --tk-color-status-planned: #FFFFFF;
    --tk-color-status-planned-bg: #000000;
    --tk-color-status-no: #FF9DB5;
    --tk-color-status-no-bg: #000000;
    --tk-color-status-unknown: #FFFFFF;
    --tk-color-status-unknown-bg: #000000;

    --tk-scene-island: #000000;
    --tk-scene-island-end: #000000;
    --tk-scene-island-inlay: #000000;
    --tk-scene-island-side: #000000;
    --tk-scene-island-side-dark: #000000;
    --tk-scene-rock: #000000;
    --tk-scene-rock-dark: #000000;
    --tk-scene-rock-deep: #000000;
    --tk-scene-rock-deep-dark: #000000;
    --tk-scene-band-post: #FFE500;
    --tk-scene-band-post-dark: #FFE500;
    --tk-scene-band-live: #00FFB2;
    --tk-scene-band-live-dark: #00FFB2;
    --tk-scene-outline: #FFFFFF;
    --tk-scene-outline-width: 1.5;
    --tk-scene-shadow: rgb(0 0 0 / 0);
    --tk-scene-shadow-fade: rgb(0 0 0 / 0);
    --tk-scene-floor: rgb(0 0 0 / 0);
    --tk-scene-floor-fade: rgb(0 0 0 / 0);
    --tk-scene-glow: rgb(0 0 0 / 0);
    --tk-scene-glow-fade: rgb(0 0 0 / 0);
    --tk-scene-card: #000000;
    --tk-scene-card-edge: #000000;
    --tk-scene-card-edge-dark: #000000;
    --tk-scene-card-line: #FFFFFF;
    --tk-scene-card-line-soft: #FFFFFF;
    --tk-scene-card-hill: #000000;
    --tk-scene-sun: #FFE500;
    --tk-scene-heart: #FFE500;
    --tk-scene-image: #000000;
    --tk-scene-image-end: #000000;
    --tk-scene-spark: #FFE500;
    --tk-scene-spark-end: #FFE500;
    --tk-scene-shield: #000000;
    --tk-scene-shield-end: #000000;
    --tk-scene-shield-side: #000000;
    --tk-scene-shine: #000000;
    --tk-scene-check: #00FFB2;
    --tk-scene-clock-face: #000000;
    --tk-scene-clock-back: #000000;
    --tk-scene-clock-hand: #FFE500;
    --tk-scene-calendar: #000000;
    --tk-scene-calendar-side: #000000;
    --tk-scene-calendar-side-dark: #000000;
    --tk-scene-calendar-ring: #FFFFFF;
    --tk-scene-calendar-cell: #000000;
    --tk-scene-calendar-pick: #FFE500;
    --tk-scene-calendar-check: #000000;
    --tk-scene-status: #000000;
    --tk-scene-phone: #000000;
    --tk-scene-phone-side: #000000;
    --tk-scene-screen: #000000;
    --tk-scene-screen-end: #000000;
    --tk-scene-phone-tile: #000000;
    --tk-scene-play: #FFE500;
    --tk-scene-building: #000000;
    --tk-scene-building-side: #000000;
    --tk-scene-roof: #000000;
    --tk-scene-roof-side: #000000;
    --tk-scene-window: #000000;
    --tk-scene-avatar-1: #000000;
    --tk-scene-avatar-2: #000000;
    --tk-scene-avatar-3: #000000;
    --tk-scene-skin-1: #000000;
    --tk-scene-skin-2: #000000;
    --tk-scene-skin-3: #000000;
    --tk-scene-hair-1: #FFFFFF;
    --tk-scene-hair-2: #FFFFFF;
    --tk-scene-hair-3: #FFFFFF;
    --tk-scene-flow-post: #FFE500;
    --tk-scene-flow-live: #00FFB2;
    --tk-scene-flow-collab: #FFFFFF;
    --tk-scene-alert-dark: #000000;
    --tk-scene-lens: #000000;
    --tk-scene-pool: #000000;
    --tk-scene-ghost: #000000;
    --tk-scene-ui-light: #000000;
    --tk-scene-ui-light-line: #FFFFFF;
    --tk-scene-ui-dark: #000000;
    --tk-scene-ui-dark-line: #FFE500;
    --tk-scene-flow-base-opacity: 0;

    --tk-logo-wordmark: #FFFFFF;
    --tk-logo-shadow: #000000;

    --tk-border-width: 2px;
    --tk-shadow-sm: none;
    --tk-shadow-md: none;
    --tk-shadow-lg: none;
    --tk-shadow-header: 0 2px 0 #FFFFFF;
    --tk-link-decoration-ui: underline;
}

:root {
    --bs-bg-body: var(--tk-color-bg);
    --bs-bg-1: var(--tk-color-surface-hover);
    --bs-fg-body: var(--tk-color-text);
    --bs-fg-1: var(--tk-color-text);
    --bs-fg-2: var(--tk-color-text);
    --bs-fg-3: var(--tk-color-text-muted);
    --bs-fg-4: var(--tk-color-text-muted);
    --bs-body-font-family: var(--tk-font-body);
    --bs-body-line-height: var(--tk-line-height-body);
    --bs-font-mono: var(--tk-font-mono);
    --bs-heading-color: var(--tk-color-text);
    --bs-link-color: var(--tk-color-link);
    --bs-link-hover-color: var(--tk-color-link-hover);
    --bs-border-width: var(--tk-border-width);
    --bs-border-color: var(--tk-color-line);
    --bs-border-color-translucent: var(--tk-color-line);
    --bs-focus-ring-width: var(--tk-focus-width);
    --bs-focus-ring-offset: var(--tk-focus-offset);
    --bs-focus-ring-color: var(--tk-color-focus);
    --bs-primary-base: var(--tk-color-primary);
    --bs-primary-fg: var(--tk-color-primary);
    --bs-primary-fg-emphasis: var(--tk-color-primary-hover);
    --bs-primary-bg: var(--tk-color-primary);
    --bs-primary-bg-subtle: var(--tk-color-primary-soft);
    --bs-primary-bg-muted: var(--tk-color-primary-soft);
    --bs-primary-border: var(--tk-color-primary);
    --bs-primary-focus-ring: var(--tk-color-focus);
    --bs-primary-contrast: var(--tk-color-primary-contrast);
    --bs-accent-base: var(--tk-color-accent);
    --bs-accent-fg: var(--tk-color-accent-strong);
    --bs-accent-fg-emphasis: var(--tk-color-accent-strong);
    --bs-accent-bg: var(--tk-color-accent);
    --bs-accent-bg-subtle: var(--tk-color-accent-soft);
    --bs-accent-bg-muted: var(--tk-color-accent-soft);
    --bs-accent-border: var(--tk-color-accent);
    --bs-accent-focus-ring: var(--tk-color-focus);
    --bs-accent-contrast: var(--tk-color-accent-contrast);
}