/* Generated by packages/design-tokens/scripts/build-tokens.ts from src/tokens.json. Do not edit. */

:root {
  color-scheme: light;
  --kimo-font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --kimo-font-mono: "JetBrains Mono", ui-monospace, monospace;
  --kimo-space-1: 4px;
  --kimo-space-2: 8px;
  --kimo-space-3: 12px;
  --kimo-space-4: 16px;
  --kimo-space-5: 20px;
  --kimo-space-6: 24px;
  --kimo-space-8: 32px;
  --kimo-space-10: 40px;
  --kimo-space-12: 48px;
  --kimo-radius-2xs: 2px;
  --kimo-radius-xs: 4px;
  --kimo-radius-sm: 6px;
  --kimo-radius-md: 10px;
  --kimo-radius-lg: 16px;
  --kimo-radius-xl: 24px;
  --kimo-radius-2xl: 32px;
  --kimo-radius-pill: 999px;
  --kimo-text-xs: 11px;
  --kimo-text-sm: 12px;
  --kimo-text-base: 13px;
  --kimo-text-md: 14px;
  --kimo-text-lg: 16px;
  --kimo-text-xl: 20px;
  --kimo-text-2xl: 28px;
  --kimo-text-3xl: 40px;
  --kimo-font-weight-regular: 400;
  --kimo-font-weight-medium: 500;
  --kimo-font-weight-semibold: 600;
  --kimo-bg-app: #FFFFFF;
  --kimo-bg-canvas: #F5F4F2;
  --kimo-bg-subtle: #F9F8F6;
  --kimo-bg-muted: #F2F1EF;
  --kimo-bg-hover: #F4F3F1;
  --kimo-bg-overlay: #FFFFFF;
  --kimo-border: #ECEBE8;
  --kimo-border-strong: #DDDBD7;
  --kimo-text-primary: #0A0A0A;
  --kimo-text-secondary: #6B6F75;
  --kimo-text-tertiary: #9A9DA2;
  --kimo-text-inverse: #FFFFFF;
  --kimo-accent: #0A0A0A;
  --kimo-accent-hover: #262626;
  --kimo-accent-soft: #F2F1EF;
  --kimo-accent-text: #0A0A0A;
  --kimo-on-accent: #FFFFFF;
  --kimo-success: #1E8E3E;
  --kimo-success-soft: #E6F4EA;
  --kimo-warning: #B26A00;
  --kimo-warning-soft: #B26A0024;
  --kimo-danger: #DD2229;
  --kimo-danger-soft: #FDE8E8;
  --kimo-shadow: #0A0A0A0F;
  --kimo-shadow-strong: #0A0A0A1F;
  --kimo-selection: #2F6BFF;
  --kimo-selection-soft: #2F6BFF1A;
  --kimo-agent: #0093A3;
  --kimo-agent-soft: #E3F5F7;
  --kimo-agent-2: #3860BE;
  --kimo-measure: #E5177E;
  --kimo-measure-soft: #E5177E1F;
  --kimo-chip-edge: #0A0A0A14;
  --kimo-component: #7C3AED;
  --kimo-component-soft: #7C3AED14;
  --kimo-note: #FFF1B8;
  --kimo-note-edge: #EBD686;
  --kimo-note-text: #3D3205;
  --kimo-agent-iris: #4F5FE8;
  --kimo-agent-iris-2: #3236B8;
  --kimo-agent-iris-soft: #ECEEFF;
  --kimo-agent-violet: #8B47DE;
  --kimo-agent-violet-2: #5A2BAE;
  --kimo-agent-violet-soft: #F3EBFD;
  --kimo-agent-rose: #D6457F;
  --kimo-agent-rose-2: #A12C68;
  --kimo-agent-rose-soft: #FDEBF2;
  --kimo-agent-ember: #E8652A;
  --kimo-agent-ember-2: #A8331E;
  --kimo-agent-ember-soft: #FDEEE6;
  --kimo-agent-moss: #5E8A2E;
  --kimo-agent-moss-2: #3B5E1C;
  --kimo-agent-moss-soft: #EEF4E4;
  --kimo-type-display-font-family: var(--kimo-font-sans);
  --kimo-type-display-font-size: var(--kimo-text-3xl);
  --kimo-type-display-font-weight: var(--kimo-font-weight-medium);
  --kimo-type-display-letter-spacing: -1px;
  --kimo-type-heading-font-family: var(--kimo-font-sans);
  --kimo-type-heading-font-size: var(--kimo-text-2xl);
  --kimo-type-heading-font-weight: var(--kimo-font-weight-medium);
  --kimo-type-heading-letter-spacing: -0.6px;
  --kimo-type-title-font-family: var(--kimo-font-sans);
  --kimo-type-title-font-size: var(--kimo-text-xl);
  --kimo-type-title-font-weight: var(--kimo-font-weight-medium);
  --kimo-type-title-letter-spacing: -0.2px;
  --kimo-type-subtitle-font-family: var(--kimo-font-sans);
  --kimo-type-subtitle-font-size: var(--kimo-text-lg);
  --kimo-type-subtitle-font-weight: var(--kimo-font-weight-medium);
  --kimo-type-body-font-family: var(--kimo-font-sans);
  --kimo-type-body-font-size: var(--kimo-text-md);
  --kimo-type-body-font-weight: var(--kimo-font-weight-regular);
  --kimo-type-ui-font-family: var(--kimo-font-sans);
  --kimo-type-ui-font-size: var(--kimo-text-base);
  --kimo-type-ui-font-weight: var(--kimo-font-weight-regular);
  --kimo-type-small-font-family: var(--kimo-font-sans);
  --kimo-type-small-font-size: var(--kimo-text-sm);
  --kimo-type-small-font-weight: var(--kimo-font-weight-medium);
  --kimo-type-caption-font-family: var(--kimo-font-sans);
  --kimo-type-caption-font-size: var(--kimo-text-xs);
  --kimo-type-caption-font-weight: var(--kimo-font-weight-medium);
  --kimo-type-caption-letter-spacing: 0.2px;
  --kimo-type-mono-font-family: var(--kimo-font-mono);
  --kimo-type-mono-font-size: var(--kimo-text-base);
  --kimo-type-mono-font-weight: var(--kimo-font-weight-regular);
  --kimo-elevation-popover: 0px 4px 16px 0px var(--kimo-shadow);
  --kimo-elevation-dialog: 0px 2px 6px 0px var(--kimo-shadow), 0px 16px 40px 0px var(--kimo-shadow-strong);
  --kimo-control-height-sm: 28px;
  --kimo-control-height-md: 32px;
  --kimo-button-height: var(--kimo-control-height-md);
  --kimo-button-padding-x: 14px;
  --kimo-button-gap: 6px;
  --kimo-button-radius: var(--kimo-radius-pill);
  --kimo-button-font-size: var(--kimo-text-base);
  --kimo-button-font-weight: var(--kimo-font-weight-medium);
  --kimo-button-icon-size: 16px;
  --kimo-button-border-width: 1px;
  --kimo-button-primary-bg: var(--kimo-accent);
  --kimo-button-primary-bg-hover: var(--kimo-accent-hover);
  --kimo-button-primary-fg: var(--kimo-on-accent);
  --kimo-button-secondary-bg: var(--kimo-bg-muted);
  --kimo-button-secondary-fg: var(--kimo-text-primary);
  --kimo-button-secondary-border: var(--kimo-border-strong);
  --kimo-button-ghost-fg: var(--kimo-text-secondary);
  --kimo-button-ghost-bg-hover: var(--kimo-bg-hover);
  --kimo-button-soft-bg: var(--kimo-accent-soft);
  --kimo-button-soft-fg: var(--kimo-accent-text);
  --kimo-icon-button-size: var(--kimo-control-height-sm);
  --kimo-icon-button-radius: var(--kimo-radius-md);
  --kimo-icon-button-icon-size: 16px;
  --kimo-icon-button-bg: var(--kimo-bg-app);
  --kimo-icon-button-fg: var(--kimo-text-secondary);
  --kimo-icon-button-active-bg: var(--kimo-accent-soft);
  --kimo-icon-button-active-fg: var(--kimo-accent-text);
  --kimo-tooltip-shadow: 0px 4px 12px 0px var(--kimo-shadow);
  --kimo-menu-shadow: 0px 8px 24px 0px var(--kimo-shadow-strong);
}

[data-theme="light"] {
  color-scheme: light;
  --kimo-bg-app: #FFFFFF;
  --kimo-bg-canvas: #F5F4F2;
  --kimo-bg-subtle: #F9F8F6;
  --kimo-bg-muted: #F2F1EF;
  --kimo-bg-hover: #F4F3F1;
  --kimo-bg-overlay: #FFFFFF;
  --kimo-border: #ECEBE8;
  --kimo-border-strong: #DDDBD7;
  --kimo-text-primary: #0A0A0A;
  --kimo-text-secondary: #6B6F75;
  --kimo-text-tertiary: #9A9DA2;
  --kimo-text-inverse: #FFFFFF;
  --kimo-accent: #0A0A0A;
  --kimo-accent-hover: #262626;
  --kimo-accent-soft: #F2F1EF;
  --kimo-accent-text: #0A0A0A;
  --kimo-on-accent: #FFFFFF;
  --kimo-success: #1E8E3E;
  --kimo-success-soft: #E6F4EA;
  --kimo-warning: #B26A00;
  --kimo-warning-soft: #B26A0024;
  --kimo-danger: #DD2229;
  --kimo-danger-soft: #FDE8E8;
  --kimo-shadow: #0A0A0A0F;
  --kimo-shadow-strong: #0A0A0A1F;
  --kimo-selection: #2F6BFF;
  --kimo-selection-soft: #2F6BFF1A;
  --kimo-agent: #0093A3;
  --kimo-agent-soft: #E3F5F7;
  --kimo-agent-2: #3860BE;
  --kimo-measure: #E5177E;
  --kimo-measure-soft: #E5177E1F;
  --kimo-chip-edge: #0A0A0A14;
  --kimo-component: #7C3AED;
  --kimo-component-soft: #7C3AED14;
  --kimo-note: #FFF1B8;
  --kimo-note-edge: #EBD686;
  --kimo-note-text: #3D3205;
  --kimo-agent-iris: #4F5FE8;
  --kimo-agent-iris-2: #3236B8;
  --kimo-agent-iris-soft: #ECEEFF;
  --kimo-agent-violet: #8B47DE;
  --kimo-agent-violet-2: #5A2BAE;
  --kimo-agent-violet-soft: #F3EBFD;
  --kimo-agent-rose: #D6457F;
  --kimo-agent-rose-2: #A12C68;
  --kimo-agent-rose-soft: #FDEBF2;
  --kimo-agent-ember: #E8652A;
  --kimo-agent-ember-2: #A8331E;
  --kimo-agent-ember-soft: #FDEEE6;
  --kimo-agent-moss: #5E8A2E;
  --kimo-agent-moss-2: #3B5E1C;
  --kimo-agent-moss-soft: #EEF4E4;
  --kimo-elevation-popover: 0px 4px 16px 0px var(--kimo-shadow);
  --kimo-elevation-dialog: 0px 2px 6px 0px var(--kimo-shadow), 0px 16px 40px 0px var(--kimo-shadow-strong);
  --kimo-button-primary-bg: var(--kimo-accent);
  --kimo-button-primary-bg-hover: var(--kimo-accent-hover);
  --kimo-button-primary-fg: var(--kimo-on-accent);
  --kimo-button-secondary-bg: var(--kimo-bg-muted);
  --kimo-button-secondary-fg: var(--kimo-text-primary);
  --kimo-button-secondary-border: var(--kimo-border-strong);
  --kimo-button-ghost-fg: var(--kimo-text-secondary);
  --kimo-button-ghost-bg-hover: var(--kimo-bg-hover);
  --kimo-button-soft-bg: var(--kimo-accent-soft);
  --kimo-button-soft-fg: var(--kimo-accent-text);
  --kimo-icon-button-bg: var(--kimo-bg-app);
  --kimo-icon-button-fg: var(--kimo-text-secondary);
  --kimo-icon-button-active-bg: var(--kimo-accent-soft);
  --kimo-icon-button-active-fg: var(--kimo-accent-text);
  --kimo-tooltip-shadow: 0px 4px 12px 0px var(--kimo-shadow);
  --kimo-menu-shadow: 0px 8px 24px 0px var(--kimo-shadow-strong);
}

[data-theme="dark"] {
  color-scheme: dark;
  --kimo-bg-app: #0A0A0A;
  --kimo-bg-canvas: #050505;
  --kimo-bg-subtle: #121212;
  --kimo-bg-muted: #1C1C1C;
  --kimo-bg-hover: #171717;
  --kimo-bg-overlay: #141414;
  --kimo-border: #232323;
  --kimo-border-strong: #333333;
  --kimo-text-primary: #F5F5F4;
  --kimo-text-secondary: #A3A3A3;
  --kimo-text-tertiary: #6B6B6B;
  --kimo-text-inverse: #0A0A0A;
  --kimo-accent: #F5F5F4;
  --kimo-accent-hover: #FFFFFF;
  --kimo-accent-soft: #1F1F1F;
  --kimo-accent-text: #F5F5F4;
  --kimo-on-accent: #0A0A0A;
  --kimo-success: #3DD68C;
  --kimo-success-soft: #12291A;
  --kimo-warning: #F5B54A;
  --kimo-warning-soft: #3A2B12;
  --kimo-danger: #FF6B6F;
  --kimo-danger-soft: #3B1A1C;
  --kimo-shadow: #00000080;
  --kimo-shadow-strong: #000000B3;
  --kimo-selection: #4C8DFF;
  --kimo-selection-soft: #4C8DFF26;
  --kimo-agent: #2BC4D4;
  --kimo-agent-soft: #0F2A2E;
  --kimo-agent-2: #6C8FE6;
  --kimo-measure: #FF5CAB;
  --kimo-measure-soft: #FF5CAB2E;
  --kimo-chip-edge: #FFFFFF24;
  --kimo-component: #A78BFA;
  --kimo-component-soft: #A78BFA24;
  --kimo-note: #3A3318;
  --kimo-note-edge: #574C22;
  --kimo-note-text: #F3E7B4;
  --kimo-agent-iris: #8592FF;
  --kimo-agent-iris-2: #5B6CFF;
  --kimo-agent-iris-soft: #171A3D;
  --kimo-agent-violet: #B580F5;
  --kimo-agent-violet-2: #8E5AE0;
  --kimo-agent-violet-soft: #22143A;
  --kimo-agent-rose: #F27BAA;
  --kimo-agent-rose-2: #D0558F;
  --kimo-agent-rose-soft: #34121F;
  --kimo-agent-ember: #FF9257;
  --kimo-agent-ember-2: #D9573A;
  --kimo-agent-ember-soft: #36170E;
  --kimo-agent-moss: #9CCB5E;
  --kimo-agent-moss-2: #6F9A3A;
  --kimo-agent-moss-soft: #1A2610;
  --kimo-elevation-popover: 0px 4px 16px 0px var(--kimo-shadow);
  --kimo-elevation-dialog: 0px 2px 6px 0px var(--kimo-shadow), 0px 16px 40px 0px var(--kimo-shadow-strong);
  --kimo-button-primary-bg: var(--kimo-accent);
  --kimo-button-primary-bg-hover: var(--kimo-accent-hover);
  --kimo-button-primary-fg: var(--kimo-on-accent);
  --kimo-button-secondary-bg: var(--kimo-bg-muted);
  --kimo-button-secondary-fg: var(--kimo-text-primary);
  --kimo-button-secondary-border: var(--kimo-border-strong);
  --kimo-button-ghost-fg: var(--kimo-text-secondary);
  --kimo-button-ghost-bg-hover: var(--kimo-bg-hover);
  --kimo-button-soft-bg: var(--kimo-accent-soft);
  --kimo-button-soft-fg: var(--kimo-accent-text);
  --kimo-icon-button-bg: var(--kimo-bg-app);
  --kimo-icon-button-fg: var(--kimo-text-secondary);
  --kimo-icon-button-active-bg: var(--kimo-accent-soft);
  --kimo-icon-button-active-fg: var(--kimo-accent-text);
  --kimo-tooltip-shadow: 0px 4px 12px 0px var(--kimo-shadow);
  --kimo-menu-shadow: 0px 8px 24px 0px var(--kimo-shadow-strong);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --kimo-bg-app: #0A0A0A;
    --kimo-bg-canvas: #050505;
    --kimo-bg-subtle: #121212;
    --kimo-bg-muted: #1C1C1C;
    --kimo-bg-hover: #171717;
    --kimo-bg-overlay: #141414;
    --kimo-border: #232323;
    --kimo-border-strong: #333333;
    --kimo-text-primary: #F5F5F4;
    --kimo-text-secondary: #A3A3A3;
    --kimo-text-tertiary: #6B6B6B;
    --kimo-text-inverse: #0A0A0A;
    --kimo-accent: #F5F5F4;
    --kimo-accent-hover: #FFFFFF;
    --kimo-accent-soft: #1F1F1F;
    --kimo-accent-text: #F5F5F4;
    --kimo-on-accent: #0A0A0A;
    --kimo-success: #3DD68C;
    --kimo-success-soft: #12291A;
    --kimo-warning: #F5B54A;
    --kimo-warning-soft: #3A2B12;
    --kimo-danger: #FF6B6F;
    --kimo-danger-soft: #3B1A1C;
    --kimo-shadow: #00000080;
    --kimo-shadow-strong: #000000B3;
    --kimo-selection: #4C8DFF;
    --kimo-selection-soft: #4C8DFF26;
    --kimo-agent: #2BC4D4;
    --kimo-agent-soft: #0F2A2E;
    --kimo-agent-2: #6C8FE6;
    --kimo-measure: #FF5CAB;
    --kimo-measure-soft: #FF5CAB2E;
    --kimo-chip-edge: #FFFFFF24;
    --kimo-component: #A78BFA;
    --kimo-component-soft: #A78BFA24;
    --kimo-note: #3A3318;
    --kimo-note-edge: #574C22;
    --kimo-note-text: #F3E7B4;
    --kimo-agent-iris: #8592FF;
    --kimo-agent-iris-2: #5B6CFF;
    --kimo-agent-iris-soft: #171A3D;
    --kimo-agent-violet: #B580F5;
    --kimo-agent-violet-2: #8E5AE0;
    --kimo-agent-violet-soft: #22143A;
    --kimo-agent-rose: #F27BAA;
    --kimo-agent-rose-2: #D0558F;
    --kimo-agent-rose-soft: #34121F;
    --kimo-agent-ember: #FF9257;
    --kimo-agent-ember-2: #D9573A;
    --kimo-agent-ember-soft: #36170E;
    --kimo-agent-moss: #9CCB5E;
    --kimo-agent-moss-2: #6F9A3A;
    --kimo-agent-moss-soft: #1A2610;
    --kimo-elevation-popover: 0px 4px 16px 0px var(--kimo-shadow);
    --kimo-elevation-dialog: 0px 2px 6px 0px var(--kimo-shadow), 0px 16px 40px 0px var(--kimo-shadow-strong);
    --kimo-button-primary-bg: var(--kimo-accent);
    --kimo-button-primary-bg-hover: var(--kimo-accent-hover);
    --kimo-button-primary-fg: var(--kimo-on-accent);
    --kimo-button-secondary-bg: var(--kimo-bg-muted);
    --kimo-button-secondary-fg: var(--kimo-text-primary);
    --kimo-button-secondary-border: var(--kimo-border-strong);
    --kimo-button-ghost-fg: var(--kimo-text-secondary);
    --kimo-button-ghost-bg-hover: var(--kimo-bg-hover);
    --kimo-button-soft-bg: var(--kimo-accent-soft);
    --kimo-button-soft-fg: var(--kimo-accent-text);
    --kimo-icon-button-bg: var(--kimo-bg-app);
    --kimo-icon-button-fg: var(--kimo-text-secondary);
    --kimo-icon-button-active-bg: var(--kimo-accent-soft);
    --kimo-icon-button-active-fg: var(--kimo-accent-text);
    --kimo-tooltip-shadow: 0px 4px 12px 0px var(--kimo-shadow);
    --kimo-menu-shadow: 0px 8px 24px 0px var(--kimo-shadow-strong);
  }
}