/* Generated from aldelo-cloud.tokens.json v1.6.3. Do not edit by hand. */
:root {
  color-scheme: light;
  --aldelo-font-family-body: "SF Pro Text", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --aldelo-font-family-display: "SF Pro Display", "SF Pro Text", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --aldelo-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --aldelo-font-weight-regular: 400;
  --aldelo-font-weight-medium: 500;
  --aldelo-font-weight-strong: 700;
  --aldelo-font-size-micro: 10px;
  --aldelo-font-size-caption: 11px;
  --aldelo-font-size-label: 12px;
  --aldelo-font-size-body: 13px;
  --aldelo-font-size-body-large: 14px;
  --aldelo-font-size-heading-small: 17px;
  --aldelo-font-size-chart-value: 18px;
  --aldelo-font-size-display-small: 22px;
  --aldelo-font-size-metric: 28px;
  --aldelo-font-size-display: 30px;
  --aldelo-font-size-input-touch: 16px;
  --aldelo-line-height-body: 1.45;
  --aldelo-line-height-heading: 1.3;
  --aldelo-line-height-display: 1.12;
  --aldelo-line-height-metric: 1.05;
  --aldelo-letter-spacing-body: -0.005em;
  --aldelo-letter-spacing-brand: -0.01em;
  --aldelo-letter-spacing-metric: -0.035em;
  --aldelo-letter-spacing-display: -0.04em;
  --aldelo-letter-spacing-overline: 0.14em;
  --aldelo-space-050: 2px;
  --aldelo-space-100: 4px;
  --aldelo-space-150: 6px;
  --aldelo-space-200: 8px;
  --aldelo-space-250: 10px;
  --aldelo-space-300: 12px;
  --aldelo-space-350: 14px;
  --aldelo-space-400: 16px;
  --aldelo-space-450: 18px;
  --aldelo-space-500: 20px;
  --aldelo-space-550: 22px;
  --aldelo-space-600: 24px;
  --aldelo-space-700: 28px;
  --aldelo-space-750: 30px;
  --aldelo-space-800: 32px;
  --aldelo-space-1000: 40px;
  --aldelo-space-1200: 48px;
  --aldelo-radius-chart-edge: 2px;
  --aldelo-radius-xs: 3px;
  --aldelo-radius-sm: 4px;
  --aldelo-radius-control: 6px;
  --aldelo-radius-md: 8px;
  --aldelo-radius-lg: 10px;
  --aldelo-radius-xl: 12px;
  --aldelo-radius-shell: 14px;
  --aldelo-radius-full: 999px;
  --aldelo-border-width: 1px;
  --aldelo-border-width-emphasis: 2px;
  --aldelo-focus-width: 3px;
  --aldelo-focus-offset: 2px;
  --aldelo-motion-hover: 150ms;
  --aldelo-motion-color: 160ms;
  --aldelo-motion-spatial: 180ms;
  --aldelo-motion-screen: 220ms;
  --aldelo-motion-chart-donut: 460ms;
  --aldelo-motion-chart-bar: 520ms;
  --aldelo-motion-overlay: 200ms;
  --aldelo-ease-standard: ease;
  --aldelo-ease-entrance: cubic-bezier(.2, .8, .2, 1);
  --aldelo-ease-exit: cubic-bezier(.4, 0, 1, 1);
  --aldelo-breakpoint-narrow: 560px;
  --aldelo-breakpoint-navigation: 860px;
  --aldelo-breakpoint-wide: 1200px;
  --aldelo-size-control: 38px;
  --aldelo-size-touch-target: 44px;
  --aldelo-size-avatar: 34px;
  --aldelo-size-brand-mark: 34px;
  --aldelo-size-topbar: 68px;
  --aldelo-size-sidebar: 214px;
  --aldelo-size-control-small: 30px;
  --aldelo-size-control-large: 44px;
  --aldelo-size-icon: 16px;
  --aldelo-size-icon-large: 20px;
  --aldelo-size-sidebar-collapsed: 64px;
  --aldelo-size-dialog-small: 420px;
  --aldelo-size-dialog-medium: 560px;
  --aldelo-size-dialog-large: 760px;
  --aldelo-size-drawer: 480px;
  --aldelo-size-auth-panel: 400px;
  --aldelo-size-form-max: 640px;
  --aldelo-size-reading-max: 72ch;
  --aldelo-size-wordmark: 18px;
  --aldelo-size-wordmark-large: 32px;
  --aldelo-layout-content-max: 1440px;
  --aldelo-layout-content-inline: 24px;
  --aldelo-layout-content-block-end: 30px;
  --aldelo-opacity-disabled: 0.56;
  --aldelo-opacity-muted: 0.72;
  --aldelo-brand-blue: #1d59ff;
  --aldelo-brand-bright-blue: #207afc;
  --aldelo-brand-black: #000000;
  --aldelo-brand-white: #ffffff;
  --aldelo-density-comfortable-content-inline: 24px;
  --aldelo-density-comfortable-panel-padding: 16px;
  --aldelo-density-comfortable-kpi-padding: 15px;
  --aldelo-density-comfortable-page-start: 26px;
  --aldelo-density-comfortable-page-end: 18px;
  --aldelo-density-compact-content-inline: 18px;
  --aldelo-density-compact-panel-padding: 12px;
  --aldelo-density-compact-kpi-padding: 12px;
  --aldelo-density-compact-page-start: 18px;
  --aldelo-density-compact-page-end: 14px;
  --aldelo-density-mobile-content-inline: 14px;
  --aldelo-component-app-shell-background: var(--aldelo-color-background);
  --aldelo-component-app-shell-border: var(--aldelo-color-border);
  --aldelo-component-app-shell-radius: var(--aldelo-radius-shell);
  --aldelo-component-app-shell-shadow: var(--aldelo-shadow-shell);
  --aldelo-component-panel-background: var(--aldelo-color-surface);
  --aldelo-component-panel-border: var(--aldelo-color-border);
  --aldelo-component-panel-radius: var(--aldelo-radius-md);
  --aldelo-component-panel-shadow: var(--aldelo-shadow-panel);
  --aldelo-component-panel-padding: var(--aldelo-density-comfortable-panel-padding);
  --aldelo-component-button-primary-background: var(--aldelo-color-action);
  --aldelo-component-button-primary-background-hover: var(--aldelo-color-action-hover);
  --aldelo-component-button-primary-background-pressed: var(--aldelo-color-action-pressed);
  --aldelo-component-button-primary-foreground: var(--aldelo-color-on-action);
  --aldelo-component-button-height: var(--aldelo-size-control);
  --aldelo-component-button-radius: var(--aldelo-radius-control);
  --aldelo-component-field-background: var(--aldelo-color-surface);
  --aldelo-component-field-foreground: var(--aldelo-color-text);
  --aldelo-component-field-border: var(--aldelo-color-control-border);
  --aldelo-component-field-height: var(--aldelo-size-control);
  --aldelo-component-field-radius: var(--aldelo-radius-md);
  --aldelo-component-field-border-hover: var(--aldelo-color-text-muted);
  --aldelo-component-field-border-invalid: var(--aldelo-color-danger);
  --aldelo-component-field-placeholder: var(--aldelo-color-text-muted);
  --aldelo-component-field-background-disabled: var(--aldelo-color-surface-muted);
  --aldelo-component-field-font-size-touch: var(--aldelo-font-size-input-touch);
  --aldelo-component-navigation-item-height: var(--aldelo-size-control);
  --aldelo-component-navigation-item-radius: var(--aldelo-radius-control);
  --aldelo-component-navigation-active-background: var(--aldelo-color-action-soft);
  --aldelo-component-navigation-active-foreground: var(--aldelo-color-text-strong);
  --aldelo-component-navigation-active-rail: var(--aldelo-color-action);
  --aldelo-component-navigation-group-foreground: var(--aldelo-color-nav-section);
  --aldelo-component-badge-radius: var(--aldelo-radius-full);
  --aldelo-component-badge-padding-inline: var(--aldelo-space-200);
  --aldelo-component-badge-padding-block: 3px;
  --aldelo-component-button-secondary-background: var(--aldelo-color-surface);
  --aldelo-component-button-secondary-background-hover: var(--aldelo-color-surface-hover);
  --aldelo-component-button-secondary-foreground: var(--aldelo-color-text);
  --aldelo-component-button-secondary-border: var(--aldelo-color-control-border);
  --aldelo-component-button-quiet-background-hover: var(--aldelo-color-surface-hover);
  --aldelo-component-button-quiet-foreground: var(--aldelo-color-text);
  --aldelo-component-button-danger-background: var(--aldelo-color-danger);
  --aldelo-component-button-danger-background-hover: var(--aldelo-color-danger-hover);
  --aldelo-component-button-danger-background-pressed: var(--aldelo-color-danger-pressed);
  --aldelo-component-button-danger-foreground: var(--aldelo-color-on-danger);
  --aldelo-component-link-foreground: var(--aldelo-color-link);
  --aldelo-component-link-foreground-hover: var(--aldelo-color-link-hover);
  --aldelo-component-table-header-foreground: var(--aldelo-color-text-muted);
  --aldelo-component-table-row-border: var(--aldelo-color-border);
  --aldelo-component-table-row-hover: var(--aldelo-color-surface-hover);
  --aldelo-component-table-row-selected: var(--aldelo-color-action-soft);
  --aldelo-component-overlay-background: var(--aldelo-color-surface-raised);
  --aldelo-component-overlay-border: var(--aldelo-color-border);
  --aldelo-component-overlay-shadow: var(--aldelo-shadow-overlay);
  --aldelo-component-overlay-radius: var(--aldelo-radius-xl);
  --aldelo-component-overlay-scrim: var(--aldelo-color-scrim);
  --aldelo-component-tooltip-background: var(--aldelo-color-surface-inverse);
  --aldelo-component-tooltip-foreground: var(--aldelo-color-text-inverse);
  --aldelo-component-skeleton-background: var(--aldelo-color-skeleton);
  --aldelo-component-ai-accent-start: var(--aldelo-color-brand);
  --aldelo-component-ai-accent-end: var(--aldelo-color-data-2);
  --aldelo-component-ai-surface: var(--aldelo-color-info-soft);
  --aldelo-component-ai-foreground: var(--aldelo-color-info);
  --aldelo-component-chat-user-bubble: var(--aldelo-color-action-soft);
  --aldelo-component-chat-user-foreground: var(--aldelo-color-text-strong);
  --aldelo-component-focus-ring-color: var(--aldelo-color-focus);
  --aldelo-component-focus-ring-width: var(--aldelo-focus-width);
  --aldelo-component-focus-ring-offset: var(--aldelo-focus-offset);
  --aldelo-z-base: 0;
  --aldelo-z-sticky: 100;
  --aldelo-z-navigation: 200;
  --aldelo-z-dropdown: 300;
  --aldelo-z-overlay: 400;
  --aldelo-z-dialog: 500;
  --aldelo-z-toast: 600;
  --aldelo-z-tooltip: 700;
  --aldelo-color-background: #f7f8fb;
  --aldelo-color-background-shade: #f0f3f8;
  --aldelo-color-surface: #ffffff;
  --aldelo-color-surface-muted: #f1f3f7;
  --aldelo-color-surface-raised: #ffffff;
  --aldelo-color-surface-hover: #f4f6fa;
  --aldelo-color-surface-inverse: #1c212b;
  --aldelo-color-text: #151923;
  --aldelo-color-text-muted: #5f6b7d;
  --aldelo-color-text-strong: #111827;
  --aldelo-color-text-disabled: #98a1b0;
  --aldelo-color-text-inverse: #f4f4f5;
  --aldelo-color-border: #e1e5ec;
  --aldelo-color-border-strong: #cdd3dd;
  --aldelo-color-control-border: #7c879a;
  --aldelo-color-focus: #1d4ed8;
  --aldelo-color-brand: #2f6bff;
  --aldelo-color-action: #2f6aff;
  --aldelo-color-action-hover: #285ee8;
  --aldelo-color-action-pressed: #234fc6;
  --aldelo-color-action-soft: #edf2ff;
  --aldelo-color-on-action: #ffffff;
  --aldelo-color-link: #2456e0;
  --aldelo-color-link-hover: #1d47bd;
  --aldelo-color-success: #167348;
  --aldelo-color-success-soft: #edf7f1;
  --aldelo-color-warning: #8a5600;
  --aldelo-color-warning-soft: #fff5df;
  --aldelo-color-danger: #b42318;
  --aldelo-color-danger-hover: #9a1d14;
  --aldelo-color-danger-pressed: #7f1810;
  --aldelo-color-on-danger: #ffffff;
  --aldelo-color-danger-soft: #fff0f1;
  --aldelo-color-info: #2b60e6;
  --aldelo-color-info-soft: #edf2ff;
  --aldelo-color-nav-section: #3553a4;
  --aldelo-color-data-1: #2f6bff;
  --aldelo-color-data-2: #7657d6;
  --aldelo-color-data-3: #c97918;
  --aldelo-color-data-4: #1886a5;
  --aldelo-color-data-5: #a64d83;
  --aldelo-color-data-track: #e2e6ed;
  --aldelo-color-skeleton: #eceff4;
  --aldelo-color-mark: #fff1b8;
  --aldelo-color-scrim: rgba(17, 24, 39, .42);
  --aldelo-color-brand-wordmark: var(--aldelo-brand-blue);
  --aldelo-shadow-shell: 0 10px 30px rgba(18, 26, 40, .08);
  --aldelo-shadow-panel: 0 1px 2px rgba(18, 26, 40, .045), 0 8px 24px rgba(18, 26, 40, .035);
  --aldelo-shadow-interactive: 0 10px 28px rgba(18, 26, 40, .10);
  --aldelo-shadow-control: 0 6px 16px rgba(18, 26, 40, .08);
  --aldelo-shadow-overlay: 0 24px 64px rgba(18, 26, 40, .18), 0 2px 6px rgba(18, 26, 40, .06);
}

[data-aldelo-theme="light"] {
  color-scheme: light;
  --aldelo-color-background: #f7f8fb;
  --aldelo-color-background-shade: #f0f3f8;
  --aldelo-color-surface: #ffffff;
  --aldelo-color-surface-muted: #f1f3f7;
  --aldelo-color-surface-raised: #ffffff;
  --aldelo-color-surface-hover: #f4f6fa;
  --aldelo-color-surface-inverse: #1c212b;
  --aldelo-color-text: #151923;
  --aldelo-color-text-muted: #5f6b7d;
  --aldelo-color-text-strong: #111827;
  --aldelo-color-text-disabled: #98a1b0;
  --aldelo-color-text-inverse: #f4f4f5;
  --aldelo-color-border: #e1e5ec;
  --aldelo-color-border-strong: #cdd3dd;
  --aldelo-color-control-border: #7c879a;
  --aldelo-color-focus: #1d4ed8;
  --aldelo-color-brand: #2f6bff;
  --aldelo-color-action: #2f6aff;
  --aldelo-color-action-hover: #285ee8;
  --aldelo-color-action-pressed: #234fc6;
  --aldelo-color-action-soft: #edf2ff;
  --aldelo-color-on-action: #ffffff;
  --aldelo-color-link: #2456e0;
  --aldelo-color-link-hover: #1d47bd;
  --aldelo-color-success: #167348;
  --aldelo-color-success-soft: #edf7f1;
  --aldelo-color-warning: #8a5600;
  --aldelo-color-warning-soft: #fff5df;
  --aldelo-color-danger: #b42318;
  --aldelo-color-danger-hover: #9a1d14;
  --aldelo-color-danger-pressed: #7f1810;
  --aldelo-color-on-danger: #ffffff;
  --aldelo-color-danger-soft: #fff0f1;
  --aldelo-color-info: #2b60e6;
  --aldelo-color-info-soft: #edf2ff;
  --aldelo-color-nav-section: #3553a4;
  --aldelo-color-data-1: #2f6bff;
  --aldelo-color-data-2: #7657d6;
  --aldelo-color-data-3: #c97918;
  --aldelo-color-data-4: #1886a5;
  --aldelo-color-data-5: #a64d83;
  --aldelo-color-data-track: #e2e6ed;
  --aldelo-color-skeleton: #eceff4;
  --aldelo-color-mark: #fff1b8;
  --aldelo-color-scrim: rgba(17, 24, 39, .42);
  --aldelo-color-brand-wordmark: var(--aldelo-brand-blue);
  --aldelo-shadow-shell: 0 10px 30px rgba(18, 26, 40, .08);
  --aldelo-shadow-panel: 0 1px 2px rgba(18, 26, 40, .045), 0 8px 24px rgba(18, 26, 40, .035);
  --aldelo-shadow-interactive: 0 10px 28px rgba(18, 26, 40, .10);
  --aldelo-shadow-control: 0 6px 16px rgba(18, 26, 40, .08);
  --aldelo-shadow-overlay: 0 24px 64px rgba(18, 26, 40, .18), 0 2px 6px rgba(18, 26, 40, .06);
}

[data-aldelo-theme="dark"] {
  color-scheme: dark;
  --aldelo-color-background: #09090b;
  --aldelo-color-background-shade: #0d0d10;
  --aldelo-color-surface: #121214;
  --aldelo-color-surface-muted: #1a1a1f;
  --aldelo-color-surface-raised: #1c1c20;
  --aldelo-color-surface-hover: #1c1c21;
  --aldelo-color-surface-inverse: #e4e4e7;
  --aldelo-color-text: #f4f4f5;
  --aldelo-color-text-muted: #a7a7b0;
  --aldelo-color-text-strong: #f4f4f5;
  --aldelo-color-text-disabled: #6b6b75;
  --aldelo-color-text-inverse: #151923;
  --aldelo-color-border: #34343a;
  --aldelo-color-border-strong: #45454d;
  --aldelo-color-control-border: #6a6a75;
  --aldelo-color-focus: #a5aeff;
  --aldelo-color-brand: #7c8cff;
  --aldelo-color-action: #7c8cff;
  --aldelo-color-action-hover: #92a0ff;
  --aldelo-color-action-pressed: #6978e8;
  --aldelo-color-action-soft: #24243b;
  --aldelo-color-on-action: #0b0b13;
  --aldelo-color-link: #a5b4ff;
  --aldelo-color-link-hover: #c0caff;
  --aldelo-color-success: #76e0a4;
  --aldelo-color-success-soft: #1d2420;
  --aldelo-color-warning: #f5c96a;
  --aldelo-color-warning-soft: #29251c;
  --aldelo-color-danger: #ff929f;
  --aldelo-color-danger-hover: #ffa8b2;
  --aldelo-color-danger-pressed: #f07a88;
  --aldelo-color-on-danger: #1a0b0e;
  --aldelo-color-danger-soft: #2b1f22;
  --aldelo-color-info: #8db8ff;
  --aldelo-color-info-soft: #1c2230;
  --aldelo-color-nav-section: #a5aeff;
  --aldelo-color-data-1: #7c8cff;
  --aldelo-color-data-2: #b19cff;
  --aldelo-color-data-3: #ffb968;
  --aldelo-color-data-4: #67c8ff;
  --aldelo-color-data-5: #ff8db7;
  --aldelo-color-data-track: #2a2a30;
  --aldelo-color-skeleton: #1f1f24;
  --aldelo-color-mark: #4a3f12;
  --aldelo-color-scrim: rgba(0, 0, 0, .58);
  --aldelo-color-brand-wordmark: var(--aldelo-brand-white);
  --aldelo-shadow-shell: 0 10px 30px rgba(0, 0, 0, .24);
  --aldelo-shadow-panel: 0 1px 0 rgba(255, 255, 255, .025);
  --aldelo-shadow-interactive: 0 16px 38px rgba(0, 0, 0, .24);
  --aldelo-shadow-control: 0 8px 20px rgba(0, 0, 0, .22);
  --aldelo-shadow-overlay: 0 24px 64px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .06);
}

@media (prefers-reduced-motion: reduce) {
  :root,
  [data-aldelo-theme="light"],
  [data-aldelo-theme="dark"] {
    --aldelo-motion-hover: 0.01ms;
    --aldelo-motion-color: 0.01ms;
    --aldelo-motion-spatial: 0.01ms;
    --aldelo-motion-screen: 0.01ms;
    --aldelo-motion-chart-donut: 0.01ms;
    --aldelo-motion-chart-bar: 0.01ms;
    --aldelo-motion-overlay: 0.01ms;
  }
}