/* Generated from ui/tokens/*.json - do not edit by hand. */
@layer vendor, cx-tokens, cx-base, cx-layout, cx-components, cx-interactions, cx-utilities, cx-adapter, cx-overrides;

@layer cx-tokens {
    :root {
        --cx-amber-500: #f59f00;
        --cx-app-bar-height: 3.5rem;
        --cx-blue-50: #eef7ff;
        --cx-blue-500: #0875d9;
        --cx-blue-600: #0564bb;
        --cx-border-gray: #dfe3e8;
        --cx-bottom-nav-height: 4rem;
        --cx-duration-fast: 120ms;
        --cx-duration-normal: 200ms;
        --cx-duration-slow: 320ms;
        --cx-font-family-body: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
        --cx-gray-50: #f9fafb;
        --cx-gray-500: #667085;
        --cx-gray-900: #111827;
        --cx-green-500: #2fb344;
        --cx-radius-full: 999rem;
        --cx-radius-lg: 0.875rem;
        --cx-radius-md: 0.625rem;
        --cx-radius-sm: 0.375rem;
        --cx-red-500: #d63939;
        --cx-space-1: 0.25rem;
        --cx-space-2: 0.5rem;
        --cx-space-3: 0.75rem;
        --cx-space-4: 1rem;
        --cx-space-6: 1.5rem;
        --cx-space-8: 2rem;
        --cx-touch-target-min: 2.75rem;
        --cx-white: #ffffff;

        --cx-color-action-primary: var(--cx-blue-500);
        --cx-color-action-primary-hover: var(--cx-blue-600);
        --cx-color-border-default: var(--cx-border-gray);
        --cx-color-status-danger: var(--cx-red-500);
        --cx-color-status-success: var(--cx-green-500);
        --cx-color-status-warning: var(--cx-amber-500);
        --cx-color-surface-card: var(--cx-white);
        --cx-color-surface-page: var(--cx-gray-50);
        --cx-color-text-on-action: var(--cx-white);
        --cx-color-text-primary: var(--cx-gray-900);
        --cx-color-text-secondary: var(--cx-gray-500);
        --cx-font-body: var(--cx-font-family-body);
        --cx-motion-duration-enter: var(--cx-duration-normal);
        --cx-motion-duration-exit: var(--cx-duration-fast);
        --cx-radius-control: var(--cx-radius-md);
        --cx-radius-surface: var(--cx-radius-lg);
        --cx-size-app-bar: var(--cx-app-bar-height);
        --cx-size-bottom-nav: var(--cx-bottom-nav-height);
        --cx-size-touch-target: var(--cx-touch-target-min);
        --cx-space-control: var(--cx-space-3);
        --cx-space-inline: var(--cx-space-2);
        --cx-space-page: var(--cx-space-8);
        --cx-space-section: var(--cx-space-6);

        --cx-app-bar-bg: var(--cx-color-surface-card);
        --cx-app-bar-height: var(--cx-size-app-bar);
        --cx-bottom-nav-active: var(--cx-color-action-primary);
        --cx-bottom-nav-bg: var(--cx-color-surface-card);
        --cx-bottom-nav-height: var(--cx-size-bottom-nav);
        --cx-button-min-target: var(--cx-size-touch-target);
        --cx-button-primary-bg: var(--cx-color-action-primary);
        --cx-button-primary-bg-hover: var(--cx-color-action-primary-hover);
        --cx-button-primary-text: var(--cx-color-text-on-action);
        --cx-button-radius: var(--cx-radius-control);
        --cx-card-bg: var(--cx-color-surface-card);
        --cx-card-border: var(--cx-color-border-default);
        --cx-card-radius: var(--cx-radius-surface);
    }
}

/* Generated from ui/adapters/tabler/adapter.json - do not edit by hand. */
@layer cx-adapter {
    :root {
        --tblr-body-bg: var(--cx-color-surface-page);
        --tblr-body-color: var(--cx-color-text-primary);
        --tblr-border-color: var(--cx-color-border-default);
        --tblr-border-radius: var(--cx-radius-control);
        --tblr-danger: var(--cx-color-status-danger);
        --tblr-font-sans-serif: var(--cx-font-body);
        --tblr-primary: var(--cx-color-action-primary);
        --tblr-secondary-color: var(--cx-color-text-secondary);
        --tblr-success: var(--cx-color-status-success);
        --tblr-warning: var(--cx-color-status-warning);
    }
}