:root,:host {
  --tk-ink: #1d1d1f;
  --tk-navy: #1d1d1f;
  --tk-rail-bg: #f5f5f7;
  --tk-rail-text: #1d1d1f;
  --tk-rail-muted: #474747;
  --tk-rail-hover: #e2e2e5;
  --tk-accent: #0071e3;
  --tk-accent-hover: #0066cc;
  --tk-accent-active: #005bb5;
  --tk-accent-soft: #f4f8fb;
  --tk-on-accent: #ffffff;
  --tk-bg: #f5f5f7;
  --tk-surface: #ffffff;
  --tk-surface-muted: #e2e2e5;
  --tk-surface-hover: #f4f8fb;
  --tk-text: #1d1d1f;
  --tk-text-secondary: #333333;
  --tk-text-muted: #707070;
  --tk-text-disabled: #707070;
  --tk-border: #d2d2d7;
  --tk-border-strong: #858585;
  --tk-note: #087579;
  --tk-note-soft: #e2f5f4;
  --tk-task: #0066cc;
  --tk-task-soft: #f4f8fb;
  --tk-status-new: #707070;
  --tk-status-new-soft: #f5f5f7;
  --tk-status-progress: #0066cc;
  --tk-status-progress-soft: #f4f8fb;
  --tk-status-review: #95620b;
  --tk-status-review-soft: #fff3d6;
  --tk-status-done: #167453;
  --tk-status-done-soft: #e4f4ec;
  --tk-priority-critical: #b83346;
  --tk-priority-critical-soft: #fcebef;
  --tk-priority-high: #9b4b16;
  --tk-priority-high-soft: #fff0e4;
  --tk-priority-normal: #0066cc;
  --tk-priority-normal-soft: #f4f8fb;
  --tk-priority-low: #707070;
  --tk-priority-low-soft: #f5f5f7;
  --tk-danger: #b83346;
  --tk-danger-soft: #fcebef;
  --tk-warning: #95620b;
  --tk-warning-soft: #fff3d6;
  --tk-success: #167453;
  --tk-success-soft: #e4f4ec;
  --tk-chart-new: #707070;
  --tk-chart-progress: #0066cc;
  --tk-chart-review: #95620b;
  --tk-chart-done: #167453;
  --tk-chart-overdue: #b83346;
  --tk-chart-track: #e2e2e5;
  --tk-chart-separator: #ffffff;
  --tk-selection-bg: #d6eaff;
  --tk-selection-text: #1d1d1f;
  --tk-focus: #0071e3;
  --tk-focus-on-dark: #0066cc;
  --tk-focus-width: 3px;
  --tk-focus-offset: 2px;
  --tk-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --tk-font-mono: ui-monospace, "Cascadia Code", Consolas, monospace;
  --tk-font-weight-regular: 400;
  --tk-font-weight-medium: 500;
  --tk-font-weight-semibold: 600;
  --tk-font-weight-bold: 700;
  --tk-line-height-tight: 1.25;
  --tk-line-height-body: 1.5;
  --tk-letter-spacing-heading: -0.02em;
  --tk-radius-sm: 4px;
  --tk-radius-md: 8px;
  --tk-radius-lg: 8px;
  --tk-radius-xl: 8px;
  --tk-radius-pill: 980px;
  --tk-control-sm: 32px;
  --tk-control-md: 40px;
  --tk-control-lg: 44px;
  --tk-touch-target: 44px;
  --tk-rail-width: 64px;
  --tk-detail-width: 420px;
  --tk-sidebar-width: 224px;
  --tk-column-width: 280px;
  --tk-compose-width: 760px;
  --tk-content-max: 1440px;
  --tk-icon-sm: 16px;
  --tk-icon-md: 20px;
  --tk-icon-lg: 24px;
  --tk-duration-fast: 120ms;
  --tk-duration-normal: 180ms;
  --tk-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --tk-shadow-card: none;
  --tk-shadow-panel: none;
  --tk-shadow-dialog: none;
  --tk-overlay: rgb(0 0 0 / 40%);
  --tk-z-dropdown: 20;
  --tk-z-sticky: 30;
  --tk-z-panel: 40;
  --tk-z-modal: 50;
  --tk-z-toast: 60;
  --tk-font-xs: 12px;
  --tk-font-sm: 13px;
  --tk-font-md: 14px;
  --tk-font-lg: 16px;
  --tk-font-xl: 20px;
  --tk-font-2xl: 24px;
  --tk-font-3xl: 32px;
  --tk-space-0: 0px;
  --tk-space-1: 4px;
  --tk-space-2: 8px;
  --tk-space-3: 12px;
  --tk-space-4: 16px;
  --tk-space-5: 20px;
  --tk-space-6: 24px;
  --tk-space-8: 32px;
  --tk-space-10: 40px;
  --tk-space-12: 48px;
  --tk-space-16: 64px;
}