/* Generated reference output from tokens.json v0.1. Do not edit independently. */
:root {
  color-scheme: light;
  --stara-font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --stara-type-workspace-title: 500 15px/20px var(--stara-font-sans);
  --stara-type-section-title: 500 13px/16px var(--stara-font-sans);
  --stara-type-body: 400 13px/20px var(--stara-font-sans);
  --stara-type-body-strong: 500 13px/20px var(--stara-font-sans);
  --stara-type-row-label: 400 13px/16px var(--stara-font-sans);
  --stara-type-control-label: 500 12px/16px var(--stara-font-sans);
  --stara-type-supporting: 450 12px/15px var(--stara-font-sans);
  --stara-type-micro: 500 11px/16px var(--stara-font-sans);
  --stara-space-related-text: 3px;
  --stara-space-1: 4px; --stara-space-2: 8px; --stara-space-3: 12px; --stara-space-4: 16px; --stara-space-5: 20px; --stara-space-6: 24px;
  --stara-radius-small: 4px; --stara-radius-control: 6px; --stara-radius-floating: 8px; --stara-radius-large: 12px;
  --stara-border-hairline: 1px; --stara-focus-width: 2px;
  --stara-color-canvas: #f7f7f8; --stara-color-panel: #fcfcfd; --stara-color-surface-primary: #fff; --stara-color-surface-secondary: #f2f2f4; --stara-color-surface-hover: #ececef; --stara-color-surface-selected: #efeff2; --stara-color-surface-raised: #fff;
  --stara-color-text-primary: #17171b; --stara-color-text-secondary: #4f4f58; --stara-color-text-muted: #6d6d77; --stara-color-text-disabled: #96969f; --stara-color-text-inverse: #fff;
  --stara-color-border-subtle: #e5e5e9; --stara-color-border-strong: #c9c9d0; --stara-color-overlay: #17171b66;
  --stara-color-interaction: #5a55d6; --stara-color-interaction-hover: #4e49c5; --stara-color-interaction-subtle: #e9e9f8; --stara-color-focus: #4b63d2;
  --stara-color-running: #2f6fab; --stara-color-running-bg: #eaf3fa; --stara-color-waiting: #896018; --stara-color-waiting-bg: #fbf2dd; --stara-color-attention: #a84e08; --stara-color-attention-bg: #fff0e5; --stara-color-failed: #aa2932; --stara-color-failed-bg: #fdecee; --stara-color-completed: #247348; --stara-color-completed-bg: #e8f5ee; --stara-color-unread: #5a55d6; --stara-color-unread-bg: #e9e9f8;
  --stara-frame-nav-expanded: 216px; --stara-frame-nav-collapsed: 48px; --stara-frame-center-min: 520px; --stara-frame-context: 336px; --stara-frame-context-min: 296px; --stara-frame-context-max: 464px; --stara-frame-header: 38px; --stara-frame-tab: 36px; --stara-frame-workspace-action: 30px;
  --stara-nav-row-height: 30px; --stara-nav-row-gap: 2px; --stara-nav-row-padding-inline: 7px; --stara-nav-section-gap: 14px;
  --stara-tab-height: 36px; --stara-tab-min-width: 104px; --stara-tab-max-width: 224px; --stara-tab-padding-inline: 8px; --stara-tab-gap: 6px;
  --stara-panel-header-height: 38px; --stara-panel-content-padding: 7px; --stara-panel-local-tab-height: 36px; --stara-panel-footer-height: 42px; --stara-panel-related-text-gap: var(--stara-space-related-text);
  --stara-control-compact: 28px; --stara-control-standard: 32px; --stara-control-large: 36px; --stara-control-padding-compact: 8px; --stara-control-padding-standard: 10px; --stara-control-gap: 6px;
  --stara-row-compact: 30px; --stara-row-standard: 38px; --stara-row-attention-min: 44px; --stara-row-padding-inline: 8px; --stara-row-content-gap: 6px; --stara-row-related-text-gap: var(--stara-space-related-text);
  --stara-field-height: 32px; --stara-field-padding-inline: 10px; --stara-textarea-min-height: 80px;
  --stara-menu-min-width: 180px; --stara-menu-item-height: 32px; --stara-menu-padding: 4px;
  --stara-dialog-compact-width: 400px; --stara-dialog-standard-width: 520px; --stara-dialog-content-padding: 20px;
  --stara-icon-supporting: 14px; --stara-icon-control: 16px; --stara-icon-emphasis: 20px;
  --stara-motion-feedback: 100ms; --stara-motion-context: 160ms; --stara-motion-layout: 220ms;
}
[data-theme="dark"] {
  color-scheme: dark;
  --stara-color-canvas: #0d0d0f; --stara-color-panel: #121215; --stara-color-surface-primary: #17171b; --stara-color-surface-secondary: #1d1d22; --stara-color-surface-hover: #24242a; --stara-color-surface-selected: #222228; --stara-color-surface-raised: #202026;
  --stara-color-text-primary: #f4f4f6; --stara-color-text-secondary: #c9c9d0; --stara-color-text-muted: #9a9aa4; --stara-color-text-disabled: #666670; --stara-color-text-inverse: #17171b;
  --stara-color-border-subtle: #29292f; --stara-color-border-strong: #45454e; --stara-color-overlay: #00000099;
  --stara-color-interaction: #9692f5; --stara-color-interaction-hover: #aba8fa; --stara-color-interaction-subtle: #292840; --stara-color-focus: #91a4ff;
  --stara-color-running: #78aeea; --stara-color-running-bg: #17293a; --stara-color-waiting: #d9b365; --stara-color-waiting-bg: #332a18; --stara-color-attention: #f0a15d; --stara-color-attention-bg: #392316; --stara-color-failed: #f1848b; --stara-color-failed-bg: #391d22; --stara-color-completed: #72c899; --stara-color-completed-bg: #183326; --stara-color-unread: #9692f5; --stara-color-unread-bg: #292840;
}
:focus-visible { outline: var(--stara-focus-width) solid var(--stara-color-focus); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { :root { --stara-motion-feedback: 0ms; --stara-motion-context: 0ms; --stara-motion-layout: 0ms; } }