:root {
    --tp-accent: #e57c34;
    --tp-accent-hover: #d86f2a;
    --tp-accent-soft: #fff5ef;
    --tp-ink: #141627;
    --tp-ink-muted: #666b78;
    --tp-ink-subtle: #999999;
    --tp-surface: #ffffff;
    --tp-on-accent: #ffffff;
    --tp-surface-alt: #fffcf9;
    --tp-border: #e7e7ea;
    --tp-border-soft: #f0f0f0;
    --tp-radius: 12px;
    --tp-radius-sm: 8px;
    --tp-content-max: 1128px;
    --tp-content-padding: 0px;
    --tp-gap: 14px;
    --tp-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    --tp-shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.05);
    --tp-shadow-toast: 0 8px 26px rgba(20, 22, 39, 0.22);
    --tp-backdrop: rgba(20, 22, 39, 0.55);
    --tp-inverse-border: rgba(255, 255, 255, 0.5);
    --tp-focus-ring: rgba(229, 124, 52, 0.32);
    --tp-danger: #e74c3c;
    --tp-danger-soft: #fdecea;
    --tp-danger-hover: #c0392b;
    --tp-danger-dark: #a71d2a;
    --tp-success: #27ae60;
    --tp-success-soft: #e9f7f2;
    --tp-status-draft-bg: #fff5ef;
    --tp-status-draft-text: #d86f2a;
    --tp-status-active-bg: #e9f7f2;
    --tp-status-active-text: #12876a;
    --tp-status-paused-bg: #f7f4ed;
    --tp-status-paused-text: #77684c;
    --tp-status-completed-bg: #eaf1fb;
    --tp-status-completed-text: #2f6fd0;
    --tp-status-archived-bg: #f0f0f0;
    --tp-status-archived-text: #666b78;
    --tp-skeleton-base: #eeeeef;
    --tp-skeleton-shine: #f8f8f9;
    --tp-badge-global-bg: #eaf1fb;
    --tp-badge-global-text: #2f6fd0;
    --tp-badge-accessory-bg: #e9f7f2;
    --tp-badge-accessory-text: #12876a;
}