/* Potok preset fonts: self-hosted, SIL OFL 1.1. */ @font-face { font-family: "Onest"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/onest-cyrillic-400-normal.woff2?v=51adb4c8c5dc00b8a1974b32754665e5cc7522de621fdd3cb233e6834d98b480") format("woff2"); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } @font-face { font-family: "Onest"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/onest-latin-ext-400-normal.woff2?v=f16900be5007dc33d6b0acbd45c4338522445dd0ff10367be4f8ca3299c6c210") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face { font-family: "Onest"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/onest-latin-400-normal.woff2?v=93dfb945d217bb541c46e5cdef85bb86095009522fcede783215827e7ca14439") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family: "Onest"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/onest-cyrillic-500-normal.woff2?v=a345dcbda6c18991c6efeebce60452eae57c29d5f659e0a1d8b615fb49808c49") format("woff2"); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } @font-face { font-family: "Onest"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/onest-latin-ext-500-normal.woff2?v=243d6b5b30a2d32992d32b9efccdfe4c20111e1c2b831d9d16245468cae6ec4a") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face { font-family: "Onest"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/onest-latin-500-normal.woff2?v=83c1e1616618edcbcf5aa77155d4e4aa3b84d772df33fb4f2f10fba919d863f3") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family: "Onest"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/onest-cyrillic-600-normal.woff2?v=73984d20ad8db2d013e42e345c3d9cf92192677f3a3b12e57b15d767ccf9f957") format("woff2"); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } @font-face { font-family: "Onest"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/onest-latin-ext-600-normal.woff2?v=6e99f31334d6e67e60d16ab0f5a4b48a08dcccfd97571a42c779e543c9bb8584") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face { font-family: "Onest"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/onest-latin-600-normal.woff2?v=a56e6d2dcc2d24fe160cbc8c08adbca5a9da776237460704f6f24e1b5f7cba36") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family: "Onest"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/onest-cyrillic-700-normal.woff2?v=0fcb8fa2565065c753c08d487b8208914323cd40a92c05e1306ea74953ddaa5e") format("woff2"); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } @font-face { font-family: "Onest"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/onest-latin-ext-700-normal.woff2?v=ec627c6da4d0cc3968940516de9676058bcd91728b685122accaa8ba6590f369") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face { font-family: "Onest"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/onest-latin-700-normal.woff2?v=d48e1aee8027a82b7b156b734ff2efa1e8839e4365a305f0323f5e0b41a230fb") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* Shared design values. Load before every component stylesheet. * The first block is the light palette; explicit and system dark blocks below * are generated from scripts/theme-palette.json. Prefer semantic core tokens. * Legacy pages omit data-theme and retain their original light appearance. */ /* Legacy-only snapshot: the two standalone Avito pages keep their original presentation. */ body:not(.crm-app):not(.auth-page) { color-scheme: light; font-family: Inter, "Segoe UI", Arial, sans-serif; /* Interaction timing: feedback is immediate; motion never gates an action. */ --motion-control: 120ms; --motion-menu: 160ms; --motion-panel: 200ms; --motion-ease: cubic-bezier(.2, .7, .2, 1); /* Core palette */ --color-background: #f5f6f8; --color-surface: #ffffff; --color-text: #20242e; --color-text-secondary: #5f6673; --color-text-muted: #697180; --color-border: #dfe2e7; --color-primary: #5b4cc4; --color-primary-ink: #4c3db1; --color-primary-soft: #f1effc; --color-success: #197a55; --color-warning: #9a6515; --color-danger: #b64552; --color-surface-subtle: #fafbfc; --color-surface-hover: #fafafa; --color-surface-muted: #f1f2f5; --color-surface-disabled: #f7f7f9; --color-input-surface: #fbfbfd; --color-line-soft: #edf0f3; --color-line-muted: #eceef2; --color-text-disabled: #8a8f9b; --color-focus-soft: #eeeaff; --color-focus-border: #9c88ff; --color-legacy-text: #172133; --color-legacy-muted: #6f7785; --color-legacy-line: #e7e9ee; --color-legacy-blue: #006be6; --color-legacy-blue-soft: #eaf4ff; --color-legacy-green: #00a86b; --shadow-overlay: 0 16px 40px rgba(25, 29, 38, .12); /* Semantic control foregrounds and workspace identity palette. */ --color-on-primary: #ffffff; --color-danger-fill: #b64552; --color-border-control: #858d9b; --ws-blue: #2558b0; --ws-blue-tint: #e7eefb; --ws-teal: #0d6b65; --ws-teal-tint: #e0f2f0; --ws-raspberry: #97356b; --ws-raspberry-tint: #f7e6f0; --ws-slate: #4c596e; --ws-slate-tint: #e9edf3; --ws-copper: #82502d; --ws-copper-tint: #f5eadd; --ws-steel: #365c73; --ws-steel-tint: #e4eff5; /* Public aliases used by existing CRM and legacy templates */ --ink: var(--color-legacy-text); --muted: var(--color-legacy-muted); --line: var(--color-legacy-line); --panel: var(--color-surface); --background: var(--color-background); --blue: var(--color-legacy-blue); --blue-soft: var(--color-legacy-blue-soft); --green: var(--color-legacy-green); --crm-purple: var(--color-primary); --crm-purple-soft: var(--color-primary-soft); --crm-text: var(--color-text); --crm-muted: var(--color-text-muted); --crm-border: var(--color-border); --crm-bg: var(--color-background); --crm-sidebar: var(--color-surface); --crm-card: var(--color-surface); --crm-shadow: var(--shadow-overlay); --crm-success: var(--color-success); --crm-warning: var(--color-warning); --crm-danger: var(--color-danger); /* Type scale; larger sizes preserve legacy page headings. */ --fs-11: 11px; --fs-12: 12px; --fs-13: 13px; --fs-14: 14px; --fs-15: 15px; --fs-16: 16px; --fs-17: 17px; --fs-18: 18px; --fs-19: 19px; --fs-20: 20px; --fs-21: 21px; --fs-22: 22px; --fs-23: 23px; --fs-24: 24px; --fs-28: 28px; --fs-30: 30px; --fs-36: 36px; /* Shape scale. Compatibility sizes preserve existing controls and bubbles. */ --radius-action: 7px; --radius-lg: 8px; --radius-md: 6px; --radius-control: 5px; --radius-circle: 50%; --radius-none: 0; --radius-badge: 3px; --radius-sm: 4px; --radius-bubble: 10px; --radius-conversion: 13px; --radius-indicator: 2px; --radius-legacy-image: 9px; --radius-legacy-bubble: 16px; /* Component state colors retained exactly for visual compatibility. */ --color-flash-ink: var(--color-success); --color-flash-surface: var(--color-success-soft); --color-flash-border: var(--color-success-border); --color-column-empty-ink: var(--color-text-muted); --color-status-pill-ink: var(--color-primary-ink); --color-timeline-border: var(--color-border); --color-timeline-ink: var(--color-text-secondary); --color-auth-form-ink: var(--color-text-secondary); --color-auth-form-border: var(--color-border-control); --color-auth-form-hover-surface: var(--color-primary); --color-auth-message-error-ink: var(--color-danger); --color-auth-message-error-border: var(--color-danger-border); --color-auth-message-success-border: var(--color-success-border); --color-auth-back-ink: var(--color-primary-ink); --color-auth-footer-ink: var(--color-text-secondary); --color-profile-avatar-ink: var(--color-primary-ink); --color-profile-avatar-surface: var(--color-primary-soft); --color-lead-avatar-ink: var(--color-primary-ink); --color-lead-avatar-surface: var(--color-primary-soft); --color-avito-balance-ink: var(--color-text-secondary); --color-avito-balance-ink-detail: var(--color-text-secondary); --color-avito-balance-ink-detail-2: var(--color-text-secondary); --color-avito-balance-unavailable-border: var(--color-border); --color-button-secondary-ink: var(--color-text-secondary); --color-button-success-surface: #25a46f; --color-button-danger-surface: var(--color-danger-fill); --color-button-muted-ink: var(--color-text-secondary); --color-flash-success-ink: var(--color-success); --color-flash-success-surface: var(--color-success-soft); --color-flash-success-border: var(--color-success-border); --color-flash-info-ink: var(--color-primary-ink); --color-flash-info-surface: var(--color-primary-soft); --color-flash-info-border: var(--color-primary-border); --color-flash-error-ink: var(--color-danger); --color-flash-error-surface: #fff3f4; --color-flash-error-border: var(--color-danger-border); --color-work-panel-ink: var(--color-primary-ink); --color-work-item-border: var(--color-border); --color-work-copy-ink: var(--color-text-secondary); --color-attention-tag-ink: var(--color-primary-ink); --color-attention-tag-neutral-ink: var(--color-text-secondary); --color-attention-tag-danger-ink: var(--color-danger); --color-attention-tag-danger-surface: var(--color-danger-soft); --color-trial-item-ink: var(--color-text-secondary); --color-funnel-column-border: var(--color-border); --color-funnel-column-surface: var(--color-surface-subtle); --color-funnel-column-stage-new-border: var(--color-border); --color-funnel-column-stage-waiting-border: var(--color-border); --color-funnel-column-stage-communication-border: var(--color-success-border); --color-funnel-column-stage-trial-border: var(--color-warning-border); --color-funnel-column-stage-decision-border: var(--color-primary-border); --color-funnel-column-stage-enrolled-border: var(--color-success-border); --color-funnel-column-drop-target-surface: var(--color-surface-subtle); --color-funnel-column-drop-target-outline: var(--color-border); --color-funnel-card-border: var(--color-border); --color-funnel-card-ink: var(--color-text-secondary); --color-funnel-card-meta-ink: var(--color-text-secondary); --color-card-qualification-confirmed-ink: var(--color-text-secondary); --color-card-qualification-pending-ink: var(--color-warning); --color-stage-transition-backdrop-surface: rgba(25,28,35,.35); --color-stage-transition-dialog-ink: var(--color-text-secondary); --color-stage-transition-dialog-focus-outline: var(--color-primary-border); --color-stage-transition-dialog-focus-border: var(--color-primary-border); --color-transition-error-ink: var(--color-danger); --color-data-table-ink: var(--color-text-secondary); --color-data-table-border: var(--color-border); --color-data-table-hover-surface: var(--color-surface-subtle); --color-stage-badge-ink: var(--color-primary-ink); --color-stage-badge-surface: var(--color-primary-soft); --color-stage-badge-stage-communication-ink: var(--color-success); --color-stage-badge-stage-communication-surface: var(--color-success-soft); --color-stage-badge-stage-waiting-ink: var(--color-text-secondary); --color-stage-badge-stage-trial-ink: var(--color-warning); --color-stage-badge-stage-trial-surface: var(--color-warning-soft); --color-stage-badge-stage-decision-ink: var(--color-primary-ink); --color-stage-badge-stage-decision-surface: var(--color-primary-soft); --color-stage-badge-stage-enrolled-ink: var(--color-success); --color-stage-badge-stage-enrolled-surface: var(--color-success-soft); --color-stage-badge-closed-ink: var(--color-danger); --color-stage-badge-closed-surface: var(--color-danger-soft); --color-stage-badge-archived-ink: var(--color-text-secondary); --color-drawer-backdrop-surface: rgba(25,28,35,.25); --color-drawer-panel-shadow: rgba(25,29,38,.13); --color-drawer-refresh-notice-surface: var(--color-danger-soft); --color-drawer-refresh-notice-border: var(--color-danger-border); --color-drawer-close-ink: var(--color-text-secondary); --color-classification-review-pending-surface: var(--color-warning-soft); --color-classification-review-automated-surface: var(--color-surface-subtle); --color-classification-review-reviewed-surface: var(--color-success-soft); --color-classification-row-border: var(--color-border); --color-copy-question-ink: var(--color-primary-ink); --color-telegram-copy-ink: var(--color-text-secondary); --color-telegram-copy-copied-surface: var(--color-success-soft); --color-form-sync-action-ink: var(--color-primary-ink); --color-form-sync-action-border: var(--color-primary-border); --color-form-sync-action-surface: var(--color-primary-soft); --color-form-sync-action-ink-detail: var(--color-primary-ink); --color-form-sync-action-border-detail: var(--color-primary-border); --color-archive-notice-border: var(--color-primary-border); --color-archive-notice-ink: var(--color-primary-ink); --color-archive-notice-border-detail: var(--color-primary-border); --color-action-menu-ink: var(--color-text-secondary); --color-text-action-success-ink: var(--color-success); --color-review-actions-surface: var(--color-success-soft); --color-review-actions-border: var(--color-success-border); --color-review-actions-ink: var(--color-success); --color-review-actions-border-detail: var(--color-success-border); --color-trial-summary-border: var(--color-warning-border); --color-trial-summary-surface: var(--color-warning-soft); --color-trial-state-ink: var(--color-warning); --color-trial-state-surface: var(--color-warning-soft); --color-trial-state-state-completed-ink: var(--color-success); --color-trial-state-state-completed-surface: var(--color-success-soft); --color-trial-state-state-cancelled-ink: var(--color-danger); --color-trial-state-state-cancelled-surface: var(--color-danger-soft); --color-inline-retry-ink: var(--color-primary-ink); --color-drawer-message-border: var(--color-border); --color-drawer-message-outgoing-ink: var(--color-primary-ink); --color-drawer-message-outgoing-border: var(--color-primary-border); --color-ai-generate-border: var(--color-primary-border); --color-ai-generate-hover-surface: var(--color-primary-soft); --color-ai-generate-disabled-ink: var(--color-text-disabled); --color-ai-generate-disabled-surface: var(--color-primary-soft); --color-ai-generate-disabled-border: var(--color-primary-border); --color-ai-reply-text-surface: var(--color-surface-subtle); --color-ai-reply-text-border: var(--color-border-control); --color-ai-reply-text-ink: var(--color-text-secondary); --color-ai-reply-text-focus-border: var(--color-primary-border); --color-ai-send-hover-surface: var(--color-primary); --color-drawer-message-pending-sync-ink: var(--color-primary-ink); --color-drawer-timeline-border: var(--color-border); --color-drawer-timeline-border-detail: var(--color-border); --color-form-section-title-ink: var(--color-text-secondary); --color-form-section-title-border: var(--color-border); --color-stage-transition-surface-shadow: rgba(25,29,38,.2); --color-funnel-stage-controls-ink: var(--color-text-secondary); --color-funnel-stage-controls-disabled-ink: var(--color-text-disabled); --color-funnel-stage-controls-funnel-reset-ink: var(--color-primary-ink); --color-conversion-flow-customizable-funnel-surface: var(--color-surface-subtle); --color-conversion-flow-ink: var(--color-text-secondary); --color-conversion-flow-ink-detail: var(--color-primary-ink); --color-settings-list-ink: var(--color-text-secondary); --color-connection-state-ink: var(--color-text-secondary); --color-connection-state-connected-surface: var(--color-success-soft); --color-mini-button-ink: var(--color-text-secondary); --color-settings-note-ink: var(--color-text-secondary); --color-sidebar-nav-hover-surface: var(--color-surface-subtle); --color-button-secondary-hover-border: var(--color-border); --color-metric-strip-ink: var(--color-text-secondary); --color-metric-strip-metric-alert-ink: var(--color-danger); --color-work-item-hover-surface: var(--color-surface-subtle); --color-funnel-card-hover-border: var(--color-border); --color-trial-summary-trial-completed-surface: var(--color-success-soft); --color-trial-summary-trial-completed-border: var(--color-success-border); --color-trial-summary-trial-cancelled-border: var(--color-danger-border); --color-custom-period-disclosure-ink: var(--color-text-secondary); --color-analytics-breakdown-row-muted-fill: var(--color-text-muted); --color-funnel-stage-controls-hover-ink: var(--color-primary-ink); --color-funnel-stage-controls-ink-detail: var(--color-text-secondary); --color-avito-report-status-border: var(--color-border); --color-avito-report-status-hover-surface: var(--color-surface-subtle); --color-avito-report-status-disabled-border: var(--color-border); --color-analytics-refresh-backdrop-surface: rgba(24,27,35,.32); --color-analytics-api-feedback-border: var(--color-success-border); --color-ad-table-filters-focus-outline: var(--color-primary-border); --color-ad-table-filters-focus-border: var(--color-primary-border); --color-pipeline-table-hover-surface: var(--color-surface-subtle); --color-pipeline-attention-ink: var(--color-text-secondary); --color-pipeline-attention-needs-reply-ink: var(--color-danger); --color-button-telegram-add-ink: var(--color-warning); --color-button-telegram-add-surface: var(--color-warning-soft); --color-button-telegram-add-border: var(--color-warning-border); --color-button-telegram-add-hover-ink: var(--color-warning); --color-button-telegram-add-hover-surface: var(--color-warning-soft); --color-button-telegram-add-hover-border: var(--color-warning-border); --color-telegram-contact-check-ink: var(--color-text-secondary); --color-telegram-contact-check-hover-border: var(--color-border); --color-telegram-contact-check-hover-surface: var(--color-surface-subtle); --color-telegram-contact-check-checked-border: var(--color-success-border); --color-telegram-contact-check-checked-surface: var(--color-success-soft); --color-telegram-contact-check-border: var(--color-border-control); --color-calendar-modes-ink: var(--color-primary-ink); --color-calendar-modes-surface: var(--color-primary-soft); --color-calendar-cell-is-other-month-surface: var(--color-surface-subtle); --color-calendar-day-ink: var(--color-text-secondary); --color-calendar-event-surface: var(--color-primary-soft); --color-calendar-event-ink: var(--color-primary-ink); --color-contacts-workspace-pipeline-actions-ink: var(--color-text-secondary); --color-trials-workspace-trial-completion-border: var(--color-primary-border); --color-decisions-workspace-pipeline-table-surface: var(--color-surface-subtle); --color-decisions-workspace-decision-due-ink: var(--color-warning); --color-google-connection-warning-surface: var(--color-warning-soft); --color-google-connection-warning-ink: var(--color-warning); --color-calendar-event-surface-detail: var(--color-primary-soft); --color-item-image-surface: var(--color-surface-subtle); --color-item-image-placeholder-ink: var(--color-text-secondary); --color-avatar-placeholder-surface: var(--color-primary); --color-message-ink: var(--color-text-secondary); --color-message-incoming-surface: var(--color-success-soft); --color-message-history-surface: var(--color-surface-subtle); --color-message-bubble-shadow: rgba(23,33,51,.06); --color-conversation-message-outgoing-surface: var(--color-primary-soft); --color-trials-workspace-pipeline-actions-border: var(--color-border); --color-record-menu-shadow: #19203326; --color-record-menu-hover-surface: var(--color-surface-subtle); --color-group-trial-dialog-shadow: #191d2633; --color-group-trial-dialog-surface: var(--color-scrim); --color-trial-time-menu-shadow: #1920331f; --color-trial-time-menu-surface: var(--color-primary-soft); --color-workspace-switcher-shadow: #1f24301a; --color-integration-section-border: var(--color-border); --color-binding-instructions-surface: var(--color-surface-subtle); } :root { color-scheme: light; font-family: Onest, "Segoe UI", Arial, sans-serif; /* Interaction timing: feedback is immediate; motion never gates an action. */ --motion-control: 120ms; --motion-menu: 160ms; --motion-panel: 200ms; --motion-ease: cubic-bezier(.2, .7, .2, 1); /* Core palette */ --color-background: #ececf1; --color-surface: #ffffff; --color-text: #1d1d1f; --color-text-secondary: #48484c; --color-text-muted: #68686e; --color-border: #e2e2e7; --color-primary: #6b5dcf; --color-primary-ink: #5040a8; --color-primary-soft: #eeeeff; --color-success: #167839; --color-warning: #915b02; --color-danger: #ba2b2e; --color-surface-subtle: #f5f5f7; --color-surface-hover: #f0f0f3; --color-surface-muted: #efeff3; --color-surface-disabled: #f5f5f7; --color-input-surface: #f5f5f7; --color-line-soft: #efeff3; --color-line-muted: #efeff3; --color-text-disabled: #97989c; --color-focus-soft: #e5e5fe; --color-focus-border: #908aea; --color-legacy-text: #172133; --color-legacy-muted: #6f7785; --color-legacy-line: #e7e9ee; --color-legacy-blue: #006be6; --color-legacy-blue-soft: #eaf4ff; --color-legacy-green: #00a86b; --shadow-overlay: 0 24px 60px rgba(0, 0, 0, .16); /* Semantic control foregrounds and workspace identity palette. */ --color-on-primary: #ffffff; --color-chrome-danger: #a42429; --color-danger-fill: #c13234; --color-border-control: #85868b; --ws-blue: #0053a4; --ws-blue-tint: #e7f1fe; --ws-teal: #05635b; --ws-teal-tint: #dbf7f3; --ws-raspberry: #99085a; --ws-raspberry-tint: #feeaf1; --ws-slate: #485572; --ws-slate-tint: #eaf0fe; --ws-copper: #824103; --ws-copper-tint: #ffece0; --ws-steel: #105e77; --ws-steel-tint: #ddf5ff; /* Public aliases used by existing CRM and legacy templates */ --ink: var(--color-legacy-text); --muted: var(--color-legacy-muted); --line: var(--color-legacy-line); --panel: var(--color-surface); --background: var(--color-background); --blue: var(--color-legacy-blue); --blue-soft: var(--color-legacy-blue-soft); --green: var(--color-legacy-green); --crm-purple: var(--color-primary); --crm-purple-soft: var(--color-primary-soft); --crm-text: var(--color-text); --crm-muted: var(--color-text-muted); --crm-border: var(--color-border); --crm-bg: var(--color-background); --crm-sidebar: var(--color-surface); --crm-card: var(--color-surface); --crm-shadow: var(--shadow-overlay); --crm-success: var(--color-success); --crm-warning: var(--color-warning); --crm-danger: var(--color-danger); /* Type scale; larger sizes preserve legacy page headings. */ --fs-11: 11px; --fs-12: 12px; --fs-13: 13px; --fs-14: 14px; --fs-15: 15px; --fs-16: 16px; --fs-17: 17px; --fs-18: 18px; --fs-19: 19px; --fs-20: 20px; --fs-21: 21px; --fs-22: 22px; --fs-23: 23px; --fs-24: 24px; --fs-28: 28px; --fs-30: 30px; --fs-36: 36px; /* Shape scale. Compatibility sizes preserve existing controls and bubbles. */ --radius-action: 10px; --radius-lg: 14px; --radius-md: 10px; --radius-control: 10px; --radius-circle: 50%; --radius-none: 0; --radius-badge: 3px; --radius-sm: 8px; --radius-bubble: 19px; --radius-conversion: 13px; --radius-indicator: 2px; --radius-legacy-image: 9px; --radius-legacy-bubble: 16px; /* Component state colours use the shared semantic palette. */ --color-flash-ink: var(--color-success); --color-flash-surface: var(--color-success-soft); --color-flash-border: var(--color-success-border); --color-column-empty-ink: var(--color-text-muted); --color-status-pill-ink: var(--color-primary-ink); --color-timeline-border: var(--color-border); --color-timeline-ink: var(--color-text-secondary); --color-auth-form-ink: var(--color-text-secondary); --color-auth-form-border: var(--color-border-control); --color-auth-form-hover-surface: var(--color-primary); --color-auth-message-error-ink: var(--color-danger); --color-auth-message-error-border: var(--color-danger-border); --color-auth-message-success-border: var(--color-success-border); --color-auth-back-ink: var(--color-primary-ink); --color-auth-footer-ink: var(--color-text-secondary); --color-profile-avatar-ink: var(--color-primary-ink); --color-profile-avatar-surface: var(--color-primary-soft); --color-lead-avatar-ink: var(--color-primary-ink); --color-lead-avatar-surface: var(--color-primary-soft); --color-avito-balance-ink: var(--color-text-secondary); --color-avito-balance-ink-detail: var(--color-text-secondary); --color-avito-balance-ink-detail-2: var(--color-text-secondary); --color-avito-balance-unavailable-border: var(--color-border); --color-button-secondary-ink: var(--color-text-secondary); --color-button-success-surface: var(--color-success); --color-button-danger-surface: var(--color-danger-fill); --color-button-muted-ink: var(--color-text-secondary); --color-flash-success-ink: var(--color-success); --color-flash-success-surface: var(--color-success-soft); --color-flash-success-border: var(--color-success-border); --color-flash-info-ink: var(--color-primary-ink); --color-flash-info-surface: var(--color-primary-soft); --color-flash-info-border: var(--color-primary-border); --color-flash-error-ink: var(--color-danger); --color-flash-error-surface: #ffebe9; --color-flash-error-border: var(--color-danger-border); --color-work-panel-ink: var(--color-primary-ink); --color-work-item-border: var(--color-border); --color-work-copy-ink: var(--color-text-secondary); --color-attention-tag-ink: var(--color-primary-ink); --color-attention-tag-neutral-ink: var(--color-text-secondary); --color-attention-tag-danger-ink: var(--color-danger); --color-attention-tag-danger-surface: var(--color-danger-soft); --color-trial-item-ink: var(--color-text-secondary); --color-funnel-column-border: var(--color-border); --color-funnel-column-surface: var(--color-surface-subtle); --color-funnel-column-stage-new-border: var(--color-border); --color-funnel-column-stage-waiting-border: var(--color-border); --color-funnel-column-stage-communication-border: var(--color-success-border); --color-funnel-column-stage-trial-border: var(--color-warning-border); --color-funnel-column-stage-decision-border: var(--color-primary-border); --color-funnel-column-stage-enrolled-border: var(--color-success-border); --color-funnel-column-drop-target-surface: var(--color-surface-subtle); --color-funnel-column-drop-target-outline: var(--color-border); --color-funnel-card-border: var(--color-border); --color-funnel-card-ink: var(--color-text-secondary); --color-funnel-card-meta-ink: var(--color-text-secondary); --color-card-qualification-confirmed-ink: var(--color-text-secondary); --color-card-qualification-pending-ink: var(--color-warning); --color-stage-transition-backdrop-surface: rgba(25,28,35,.35); --color-stage-transition-dialog-ink: var(--color-text-secondary); --color-stage-transition-dialog-focus-outline: var(--color-primary-border); --color-stage-transition-dialog-focus-border: var(--color-primary-border); --color-transition-error-ink: var(--color-danger); --color-data-table-ink: var(--color-text-secondary); --color-data-table-border: var(--color-border); --color-data-table-hover-surface: var(--color-surface-subtle); --color-stage-badge-ink: var(--color-primary-ink); --color-stage-badge-surface: var(--color-primary-soft); --color-stage-badge-stage-communication-ink: var(--color-success); --color-stage-badge-stage-communication-surface: var(--color-success-soft); --color-stage-badge-stage-waiting-ink: var(--color-text-secondary); --color-stage-badge-stage-trial-ink: var(--color-warning); --color-stage-badge-stage-trial-surface: var(--color-warning-soft); --color-stage-badge-stage-decision-ink: var(--color-primary-ink); --color-stage-badge-stage-decision-surface: var(--color-primary-soft); --color-stage-badge-stage-enrolled-ink: var(--color-success); --color-stage-badge-stage-enrolled-surface: var(--color-success-soft); --color-stage-badge-closed-ink: var(--color-danger); --color-stage-badge-closed-surface: var(--color-danger-soft); --color-stage-badge-archived-ink: var(--color-text-secondary); --color-drawer-backdrop-surface: rgba(14,16,24,.3); --color-drawer-panel-shadow: rgba(25,29,38,.13); --color-drawer-refresh-notice-surface: var(--color-danger-soft); --color-drawer-refresh-notice-border: var(--color-danger-border); --color-drawer-close-ink: var(--color-text-secondary); --color-classification-review-pending-surface: var(--color-warning-soft); --color-classification-review-automated-surface: var(--color-surface-subtle); --color-classification-review-reviewed-surface: var(--color-success-soft); --color-classification-row-border: var(--color-border); --color-copy-question-ink: var(--color-primary-ink); --color-telegram-copy-ink: var(--color-text-secondary); --color-telegram-copy-copied-surface: var(--color-success-soft); --color-form-sync-action-ink: var(--color-primary-ink); --color-form-sync-action-border: var(--color-primary-border); --color-form-sync-action-surface: var(--color-primary-soft); --color-form-sync-action-ink-detail: var(--color-primary-ink); --color-form-sync-action-border-detail: var(--color-primary-border); --color-archive-notice-border: var(--color-primary-border); --color-archive-notice-ink: var(--color-primary-ink); --color-archive-notice-border-detail: var(--color-primary-border); --color-action-menu-ink: var(--color-text-secondary); --color-text-action-success-ink: var(--color-success); --color-review-actions-surface: var(--color-success-soft); --color-review-actions-border: var(--color-success-border); --color-review-actions-ink: var(--color-success); --color-review-actions-border-detail: var(--color-success-border); --color-trial-summary-border: var(--color-warning-border); --color-trial-summary-surface: var(--color-warning-soft); --color-trial-state-ink: var(--color-warning); --color-trial-state-surface: var(--color-warning-soft); --color-trial-state-state-completed-ink: var(--color-success); --color-trial-state-state-completed-surface: var(--color-success-soft); --color-trial-state-state-cancelled-ink: var(--color-danger); --color-trial-state-state-cancelled-surface: var(--color-danger-soft); --color-inline-retry-ink: var(--color-primary-ink); --color-drawer-message-border: var(--color-border); --color-drawer-message-outgoing-ink: var(--color-primary-ink); --color-drawer-message-outgoing-border: var(--color-primary-border); --color-ai-generate-border: var(--color-primary-border); --color-ai-generate-hover-surface: var(--color-primary-soft); --color-ai-generate-disabled-ink: var(--color-text-disabled); --color-ai-generate-disabled-surface: var(--color-primary-soft); --color-ai-generate-disabled-border: var(--color-primary-border); --color-ai-reply-text-surface: var(--color-surface-subtle); --color-ai-reply-text-border: var(--color-border-control); --color-ai-reply-text-ink: var(--color-text-secondary); --color-ai-reply-text-focus-border: var(--color-primary-border); --color-ai-send-hover-surface: var(--color-primary); --color-drawer-message-pending-sync-ink: var(--color-primary-ink); --color-drawer-timeline-border: var(--color-border); --color-drawer-timeline-border-detail: var(--color-border); --color-form-section-title-ink: var(--color-text-secondary); --color-form-section-title-border: var(--color-border); --color-stage-transition-surface-shadow: rgba(25,29,38,.2); --color-funnel-stage-controls-ink: var(--color-text-secondary); --color-funnel-stage-controls-disabled-ink: var(--color-text-disabled); --color-funnel-stage-controls-funnel-reset-ink: var(--color-primary-ink); --color-conversion-flow-customizable-funnel-surface: var(--color-surface-subtle); --color-conversion-flow-ink: var(--color-text-secondary); --color-conversion-flow-ink-detail: var(--color-primary-ink); --color-settings-list-ink: var(--color-text-secondary); --color-connection-state-ink: var(--color-text-secondary); --color-connection-state-connected-surface: var(--color-success-soft); --color-mini-button-ink: var(--color-text-secondary); --color-settings-note-ink: var(--color-text-secondary); --color-sidebar-nav-hover-surface: var(--color-surface-subtle); --color-button-secondary-hover-border: var(--color-border); --color-metric-strip-ink: var(--color-text-secondary); --color-metric-strip-metric-alert-ink: var(--color-danger); --color-work-item-hover-surface: var(--color-surface-subtle); --color-funnel-card-hover-border: var(--color-border); --color-trial-summary-trial-completed-surface: var(--color-success-soft); --color-trial-summary-trial-completed-border: var(--color-success-border); --color-trial-summary-trial-cancelled-border: var(--color-danger-border); --color-custom-period-disclosure-ink: var(--color-text-secondary); --color-analytics-breakdown-row-muted-fill: var(--color-text-muted); --color-funnel-stage-controls-hover-ink: var(--color-primary-ink); --color-funnel-stage-controls-ink-detail: var(--color-text-secondary); --color-avito-report-status-border: var(--color-border); --color-avito-report-status-hover-surface: var(--color-surface-subtle); --color-avito-report-status-disabled-border: var(--color-border); --color-analytics-refresh-backdrop-surface: rgba(24,27,35,.32); --color-analytics-api-feedback-border: var(--color-success-border); --color-ad-table-filters-focus-outline: var(--color-primary-border); --color-ad-table-filters-focus-border: var(--color-primary-border); --color-pipeline-table-hover-surface: var(--color-surface-subtle); --color-pipeline-attention-ink: var(--color-text-secondary); --color-pipeline-attention-needs-reply-ink: var(--color-danger); --color-button-telegram-add-ink: var(--color-warning); --color-button-telegram-add-surface: var(--color-warning-soft); --color-button-telegram-add-border: var(--color-warning-border); --color-button-telegram-add-hover-ink: var(--color-warning); --color-button-telegram-add-hover-surface: var(--color-warning-soft); --color-button-telegram-add-hover-border: var(--color-warning-border); --color-telegram-contact-check-ink: var(--color-text-secondary); --color-telegram-contact-check-hover-border: var(--color-border); --color-telegram-contact-check-hover-surface: var(--color-surface-subtle); --color-telegram-contact-check-checked-border: var(--color-success-border); --color-telegram-contact-check-checked-surface: var(--color-success-soft); --color-telegram-contact-check-border: var(--color-border-control); --color-calendar-modes-ink: var(--color-primary-ink); --color-calendar-modes-surface: var(--color-primary-soft); --color-calendar-cell-is-other-month-surface: var(--color-surface-subtle); --color-calendar-day-ink: var(--color-text-secondary); --color-calendar-event-surface: var(--color-primary-soft); --color-calendar-event-ink: var(--color-primary-ink); --color-contacts-workspace-pipeline-actions-ink: var(--color-text-secondary); --color-trials-workspace-trial-completion-border: var(--color-primary-border); --color-decisions-workspace-pipeline-table-surface: var(--color-surface-subtle); --color-decisions-workspace-decision-due-ink: var(--color-warning); --color-google-connection-warning-surface: var(--color-warning-soft); --color-google-connection-warning-ink: var(--color-warning); --color-calendar-event-surface-detail: var(--color-primary-soft); --color-item-image-surface: var(--color-surface-subtle); --color-item-image-placeholder-ink: var(--color-text-secondary); --color-avatar-placeholder-surface: var(--color-primary); --color-message-ink: var(--color-text-secondary); --color-message-incoming-surface: var(--color-success-soft); --color-message-history-surface: var(--color-surface-subtle); --color-message-bubble-shadow: rgba(23,33,51,.06); --color-conversation-message-outgoing-surface: var(--color-primary-soft); --color-trials-workspace-pipeline-actions-border: var(--color-border); --color-record-menu-shadow: #19203326; --color-record-menu-hover-surface: var(--color-surface-subtle); --color-group-trial-dialog-shadow: #191d2633; --color-group-trial-dialog-surface: var(--color-scrim); --color-trial-time-menu-shadow: #1920331f; --color-trial-time-menu-surface: var(--color-primary-soft); --color-workspace-switcher-shadow: #1f24301a; --color-integration-section-border: var(--color-border); --color-binding-instructions-surface: var(--color-surface-subtle); /* Potok preset: semantic tokens added by the redesign. */ --color-primary-border: #cfcfff; --color-success-soft: #e3f6e6; --color-success-border: #b4e2bc; --color-warning-soft: #feeddb; --color-warning-border: #f3cda3; --color-danger-soft: #ffebe9; --color-danger-border: #fec4be; --ws-blue-fill: #1570d1; --ws-blue-chrome: #b0c8ea; --ws-teal-fill: #058379; --ws-teal-chrome: #b2cccb; --ws-raspberry-fill: #bc3577; --ws-raspberry-chrome: #e4b8cb; --ws-slate-fill: #63718f; --ws-slate-chrome: #c1c6d3; --ws-copper-fill: #aa5910; --ws-copper-chrome: #dbc0b2; --ws-steel-fill: #357b95; --ws-steel-chrome: #b6c9d5; --radius-sheet: 18px; --radius-monogram: 12px; --font-display: Onest, "Segoe UI", Arial, sans-serif; --color-bubble: #e9e9ee; --color-glass: rgba(255, 255, 255, .62); --color-hairline: rgba(0, 0, 0, .08); --color-pill: rgba(28, 28, 30, .9); --color-scrim: rgba(0, 0, 0, .22); --color-toggle-on: #34c759; --radius-dock: 20px; --radius-dialog: 22px; --radius-pill: 999px; --motion-spring: cubic-bezier(.3, 1.5, .5, 1); } /* Generated dark themes: scripts/build-theme-tokens.py. Do not edit below. */ :root[data-theme="dark"] { color-scheme: dark; --color-background: #050506; --color-surface: #1c1c1e; --color-surface-subtle: #2a2a2d; --color-surface-hover: #2f2f33; --color-surface-muted: #2b2b2e; --color-surface-disabled: #2a2a2d; --color-input-surface: #2a2a2d; --color-border: #38383b; --color-border-control: #737479; --color-line-soft: #2b2b2e; --color-line-muted: #2b2b2e; --color-text: #f5f5f7; --color-text-secondary: #c9c9cf; --color-text-muted: #97989d; --color-text-disabled: #717175; --color-primary: #7264d7; --color-primary-ink: #bdbcfe; --color-primary-soft: #242240; --color-success: #6fc884; --color-warning: #e2a355; --color-danger: #fe8b83; --color-danger-fill: #c13234; --color-on-primary: #ffffff; --color-focus-soft: #2d2b4d; --color-focus-border: #a29dfe; --color-legacy-text: var(--color-text-secondary); --color-legacy-muted: var(--color-text-secondary); --color-legacy-line: var(--color-border); --color-legacy-blue: #8bb5f8; --color-legacy-blue-soft: #1d2c43; --color-legacy-green: var(--color-text-secondary); --color-flash-ink: var(--color-success); --color-flash-surface: var(--color-success-soft); --color-flash-border: var(--color-success-border); --color-column-empty-ink: var(--color-text-muted); --color-status-pill-ink: var(--color-primary-ink); --color-timeline-border: var(--color-border); --color-timeline-ink: var(--color-text-secondary); --color-auth-form-ink: var(--color-text-secondary); --color-auth-form-border: var(--color-border-control); --color-auth-form-hover-surface: var(--color-primary); --color-auth-message-error-ink: var(--color-danger); --color-auth-message-error-border: var(--color-danger-border); --color-auth-message-success-border: var(--color-success-border); --color-auth-back-ink: var(--color-primary-ink); --color-auth-footer-ink: var(--color-text-secondary); --color-profile-avatar-ink: var(--color-primary-ink); --color-profile-avatar-surface: var(--color-primary-soft); --color-lead-avatar-ink: var(--color-primary-ink); --color-lead-avatar-surface: var(--color-primary-soft); --color-avito-balance-ink: var(--color-text-secondary); --color-avito-balance-ink-detail: var(--color-text-secondary); --color-avito-balance-ink-detail-2: var(--color-text-secondary); --color-avito-balance-unavailable-border: var(--color-border); --color-button-secondary-ink: var(--color-text-secondary); --color-button-success-surface: #197a55; --color-button-danger-surface: var(--color-danger-fill); --color-button-muted-ink: var(--color-text-secondary); --color-flash-success-ink: var(--color-success); --color-flash-success-surface: var(--color-success-soft); --color-flash-success-border: var(--color-success-border); --color-flash-info-ink: var(--color-primary-ink); --color-flash-info-surface: var(--color-primary-soft); --color-flash-info-border: var(--color-primary-border); --color-flash-error-ink: var(--color-danger); --color-flash-error-surface: #3b1c1a; --color-flash-error-border: var(--color-danger-border); --color-work-panel-ink: var(--color-primary-ink); --color-work-item-border: var(--color-border); --color-work-copy-ink: var(--color-text-secondary); --color-attention-tag-ink: var(--color-primary-ink); --color-attention-tag-neutral-ink: var(--color-text-secondary); --color-attention-tag-danger-ink: var(--color-danger); --color-attention-tag-danger-surface: var(--color-danger-soft); --color-trial-item-ink: var(--color-text-secondary); --color-funnel-column-border: var(--color-border); --color-funnel-column-surface: var(--color-surface-subtle); --color-funnel-column-stage-new-border: var(--color-border); --color-funnel-column-stage-waiting-border: var(--color-border); --color-funnel-column-stage-communication-border: var(--color-success-border); --color-funnel-column-stage-trial-border: var(--color-warning-border); --color-funnel-column-stage-decision-border: var(--color-primary-border); --color-funnel-column-stage-enrolled-border: var(--color-success-border); --color-funnel-column-drop-target-surface: var(--color-surface-subtle); --color-funnel-column-drop-target-outline: var(--color-border); --color-funnel-card-border: var(--color-border); --color-funnel-card-ink: var(--color-text-secondary); --color-funnel-card-meta-ink: var(--color-text-secondary); --color-card-qualification-confirmed-ink: var(--color-text-secondary); --color-card-qualification-pending-ink: var(--color-warning); --color-stage-transition-backdrop-surface: rgba(0, 0, 0, .6); --color-stage-transition-dialog-ink: var(--color-text-secondary); --color-stage-transition-dialog-focus-outline: var(--color-primary-border); --color-stage-transition-dialog-focus-border: var(--color-primary-border); --color-transition-error-ink: var(--color-danger); --color-data-table-ink: var(--color-text-secondary); --color-data-table-border: var(--color-border); --color-data-table-hover-surface: var(--color-surface-subtle); --color-stage-badge-ink: var(--color-primary-ink); --color-stage-badge-surface: var(--color-primary-soft); --color-stage-badge-stage-communication-ink: var(--color-success); --color-stage-badge-stage-communication-surface: var(--color-success-soft); --color-stage-badge-stage-waiting-ink: var(--color-text-secondary); --color-stage-badge-stage-trial-ink: var(--color-warning); --color-stage-badge-stage-trial-surface: var(--color-warning-soft); --color-stage-badge-stage-decision-ink: var(--color-primary-ink); --color-stage-badge-stage-decision-surface: var(--color-primary-soft); --color-stage-badge-stage-enrolled-ink: var(--color-success); --color-stage-badge-stage-enrolled-surface: var(--color-success-soft); --color-stage-badge-closed-ink: var(--color-danger); --color-stage-badge-closed-surface: var(--color-danger-soft); --color-stage-badge-archived-ink: var(--color-text-secondary); --color-drawer-backdrop-surface: rgba(0,0,0,.5); --color-drawer-panel-shadow: rgba(0, 0, 0, .45); --color-drawer-refresh-notice-surface: var(--color-danger-soft); --color-drawer-refresh-notice-border: var(--color-danger-border); --color-drawer-close-ink: var(--color-text-secondary); --color-classification-review-pending-surface: var(--color-warning-soft); --color-classification-review-automated-surface: var(--color-surface-subtle); --color-classification-review-reviewed-surface: var(--color-success-soft); --color-classification-row-border: var(--color-border); --color-copy-question-ink: var(--color-primary-ink); --color-telegram-copy-ink: var(--color-text-secondary); --color-telegram-copy-copied-surface: var(--color-success-soft); --color-form-sync-action-ink: var(--color-primary-ink); --color-form-sync-action-border: var(--color-primary-border); --color-form-sync-action-surface: var(--color-primary-soft); --color-form-sync-action-ink-detail: var(--color-primary-ink); --color-form-sync-action-border-detail: var(--color-primary-border); --color-archive-notice-border: var(--color-primary-border); --color-archive-notice-ink: var(--color-primary-ink); --color-archive-notice-border-detail: var(--color-primary-border); --color-action-menu-ink: var(--color-text-secondary); --color-text-action-success-ink: var(--color-success); --color-review-actions-surface: var(--color-success-soft); --color-review-actions-border: var(--color-success-border); --color-review-actions-ink: var(--color-success); --color-review-actions-border-detail: var(--color-success-border); --color-trial-summary-border: var(--color-warning-border); --color-trial-summary-surface: var(--color-warning-soft); --color-trial-state-ink: var(--color-warning); --color-trial-state-surface: var(--color-warning-soft); --color-trial-state-state-completed-ink: var(--color-success); --color-trial-state-state-completed-surface: var(--color-success-soft); --color-trial-state-state-cancelled-ink: var(--color-danger); --color-trial-state-state-cancelled-surface: var(--color-danger-soft); --color-inline-retry-ink: var(--color-primary-ink); --color-drawer-message-border: var(--color-border); --color-drawer-message-outgoing-ink: var(--color-primary-ink); --color-drawer-message-outgoing-border: var(--color-primary-border); --color-ai-generate-border: var(--color-primary-border); --color-ai-generate-hover-surface: var(--color-primary-soft); --color-ai-generate-disabled-ink: var(--color-text-disabled); --color-ai-generate-disabled-surface: var(--color-primary-soft); --color-ai-generate-disabled-border: var(--color-primary-border); --color-ai-reply-text-surface: var(--color-surface-subtle); --color-ai-reply-text-border: var(--color-border-control); --color-ai-reply-text-ink: var(--color-text-secondary); --color-ai-reply-text-focus-border: var(--color-primary-border); --color-ai-send-hover-surface: var(--color-primary); --color-drawer-message-pending-sync-ink: var(--color-primary-ink); --color-drawer-timeline-border: var(--color-border); --color-drawer-timeline-border-detail: var(--color-border); --color-form-section-title-ink: var(--color-text-secondary); --color-form-section-title-border: var(--color-border); --color-stage-transition-surface-shadow: rgba(0, 0, 0, .45); --color-funnel-stage-controls-ink: var(--color-text-secondary); --color-funnel-stage-controls-disabled-ink: var(--color-text-disabled); --color-funnel-stage-controls-funnel-reset-ink: var(--color-primary-ink); --color-conversion-flow-customizable-funnel-surface: var(--color-surface-subtle); --color-conversion-flow-ink: var(--color-text-secondary); --color-conversion-flow-ink-detail: var(--color-primary-ink); --color-settings-list-ink: var(--color-text-secondary); --color-connection-state-ink: var(--color-text-secondary); --color-connection-state-connected-surface: var(--color-success-soft); --color-mini-button-ink: var(--color-text-secondary); --color-settings-note-ink: var(--color-text-secondary); --color-sidebar-nav-hover-surface: var(--color-surface-subtle); --color-button-secondary-hover-border: var(--color-border); --color-metric-strip-ink: var(--color-text-secondary); --color-metric-strip-metric-alert-ink: var(--color-danger); --color-work-item-hover-surface: var(--color-surface-subtle); --color-funnel-card-hover-border: var(--color-border); --color-trial-summary-trial-completed-surface: var(--color-success-soft); --color-trial-summary-trial-completed-border: var(--color-success-border); --color-trial-summary-trial-cancelled-border: var(--color-danger-border); --color-custom-period-disclosure-ink: var(--color-text-secondary); --color-analytics-breakdown-row-muted-fill: var(--color-text-muted); --color-funnel-stage-controls-hover-ink: var(--color-primary-ink); --color-funnel-stage-controls-ink-detail: var(--color-text-secondary); --color-avito-report-status-border: var(--color-border); --color-avito-report-status-hover-surface: var(--color-surface-subtle); --color-avito-report-status-disabled-border: var(--color-border); --color-analytics-refresh-backdrop-surface: rgba(0, 0, 0, .6); --color-analytics-api-feedback-border: var(--color-success-border); --color-ad-table-filters-focus-outline: var(--color-primary-border); --color-ad-table-filters-focus-border: var(--color-primary-border); --color-pipeline-table-hover-surface: var(--color-surface-subtle); --color-pipeline-attention-ink: var(--color-text-secondary); --color-pipeline-attention-needs-reply-ink: var(--color-danger); --color-button-telegram-add-ink: var(--color-warning); --color-button-telegram-add-surface: var(--color-warning-soft); --color-button-telegram-add-border: var(--color-warning-border); --color-button-telegram-add-hover-ink: var(--color-warning); --color-button-telegram-add-hover-surface: var(--color-warning-soft); --color-button-telegram-add-hover-border: var(--color-warning-border); --color-telegram-contact-check-ink: var(--color-text-secondary); --color-telegram-contact-check-hover-border: var(--color-border); --color-telegram-contact-check-hover-surface: var(--color-surface-subtle); --color-telegram-contact-check-checked-border: var(--color-success-border); --color-telegram-contact-check-checked-surface: var(--color-success-soft); --color-telegram-contact-check-border: var(--color-border-control); --color-calendar-modes-ink: var(--color-primary-ink); --color-calendar-modes-surface: var(--color-primary-soft); --color-calendar-cell-is-other-month-surface: var(--color-surface-subtle); --color-calendar-day-ink: var(--color-text-secondary); --color-calendar-event-surface: var(--color-primary-soft); --color-calendar-event-ink: var(--color-primary-ink); --color-contacts-workspace-pipeline-actions-ink: var(--color-text-secondary); --color-trials-workspace-trial-completion-border: var(--color-primary-border); --color-decisions-workspace-pipeline-table-surface: var(--color-surface-subtle); --color-decisions-workspace-decision-due-ink: var(--color-warning); --color-google-connection-warning-surface: var(--color-warning-soft); --color-google-connection-warning-ink: var(--color-warning); --color-calendar-event-surface-detail: var(--color-primary-soft); --color-item-image-surface: var(--color-surface-subtle); --color-item-image-placeholder-ink: var(--color-text-secondary); --color-avatar-placeholder-surface: var(--color-primary); --color-message-ink: var(--color-text-secondary); --color-message-incoming-surface: var(--color-success-soft); --color-message-history-surface: var(--color-surface-subtle); --color-message-bubble-shadow: rgba(0, 0, 0, .45); --color-conversation-message-outgoing-surface: var(--color-primary-soft); --color-trials-workspace-pipeline-actions-border: var(--color-border); --color-record-menu-shadow: rgba(0, 0, 0, .45); --color-record-menu-hover-surface: var(--color-surface-subtle); --color-group-trial-dialog-shadow: rgba(0, 0, 0, .45); --color-group-trial-dialog-surface: var(--color-scrim); --color-trial-time-menu-shadow: rgba(0, 0, 0, .45); --color-trial-time-menu-surface: var(--color-primary-soft); --color-workspace-switcher-shadow: rgba(0, 0, 0, .45); --color-integration-section-border: var(--color-border); --color-binding-instructions-surface: var(--color-surface-subtle); --shadow-overlay: 0 24px 60px rgba(0, 0, 0, .6); --ws-blue: #9dc7fe; --ws-blue-tint: #132741; --ws-teal: #70d9cc; --ws-teal-tint: #012e29; --ws-raspberry: #f8a9c7; --ws-raspberry-tint: #3b1a28; --ws-slate: #b4c4e5; --ws-slate-tint: #1a263f; --ws-copper: #f7b385; --ws-copper-tint: #3b1e08; --ws-steel: #8ad0eb; --ws-steel-tint: #002b39; --color-primary-border: #4e4d78; --color-success-soft: #122d19; --color-success-border: #345d3e; --color-warning-soft: #362207; --color-warning-border: #6b4b24; --color-danger-soft: #3b1c1a; --color-danger-border: #74433f; --ws-blue-fill: #1c75d6; --ws-blue-chrome: #10223b; --ws-teal-fill: #058379; --ws-teal-chrome: #0f2524; --ws-raspberry-fill: #c64080; --ws-raspberry-chrome: #361725; --ws-slate-fill: #667493; --ws-slate-chrome: #1e212a; --ws-copper-fill: #b05f1a; --ws-copper-chrome: #301d10; --ws-steel-fill: #377d96; --ws-steel-chrome: #14232b; --color-chrome-danger: var(--color-danger); --color-bubble: #303034; --color-glass: rgba(44, 44, 48, .6); --color-hairline: rgba(255, 255, 255, .1); --color-pill: rgba(58, 58, 62, .92); --color-scrim: rgba(0, 0, 0, .45); --color-toggle-on: #30d158; } @media (prefers-color-scheme: dark) { :root[data-theme="system"] { color-scheme: dark; --color-background: #050506; --color-surface: #1c1c1e; --color-surface-subtle: #2a2a2d; --color-surface-hover: #2f2f33; --color-surface-muted: #2b2b2e; --color-surface-disabled: #2a2a2d; --color-input-surface: #2a2a2d; --color-border: #38383b; --color-border-control: #737479; --color-line-soft: #2b2b2e; --color-line-muted: #2b2b2e; --color-text: #f5f5f7; --color-text-secondary: #c9c9cf; --color-text-muted: #97989d; --color-text-disabled: #717175; --color-primary: #7264d7; --color-primary-ink: #bdbcfe; --color-primary-soft: #242240; --color-success: #6fc884; --color-warning: #e2a355; --color-danger: #fe8b83; --color-danger-fill: #c13234; --color-on-primary: #ffffff; --color-focus-soft: #2d2b4d; --color-focus-border: #a29dfe; --color-legacy-text: var(--color-text-secondary); --color-legacy-muted: var(--color-text-secondary); --color-legacy-line: var(--color-border); --color-legacy-blue: #8bb5f8; --color-legacy-blue-soft: #1d2c43; --color-legacy-green: var(--color-text-secondary); --color-flash-ink: var(--color-success); --color-flash-surface: var(--color-success-soft); --color-flash-border: var(--color-success-border); --color-column-empty-ink: var(--color-text-muted); --color-status-pill-ink: var(--color-primary-ink); --color-timeline-border: var(--color-border); --color-timeline-ink: var(--color-text-secondary); --color-auth-form-ink: var(--color-text-secondary); --color-auth-form-border: var(--color-border-control); --color-auth-form-hover-surface: var(--color-primary); --color-auth-message-error-ink: var(--color-danger); --color-auth-message-error-border: var(--color-danger-border); --color-auth-message-success-border: var(--color-success-border); --color-auth-back-ink: var(--color-primary-ink); --color-auth-footer-ink: var(--color-text-secondary); --color-profile-avatar-ink: var(--color-primary-ink); --color-profile-avatar-surface: var(--color-primary-soft); --color-lead-avatar-ink: var(--color-primary-ink); --color-lead-avatar-surface: var(--color-primary-soft); --color-avito-balance-ink: var(--color-text-secondary); --color-avito-balance-ink-detail: var(--color-text-secondary); --color-avito-balance-ink-detail-2: var(--color-text-secondary); --color-avito-balance-unavailable-border: var(--color-border); --color-button-secondary-ink: var(--color-text-secondary); --color-button-success-surface: #197a55; --color-button-danger-surface: var(--color-danger-fill); --color-button-muted-ink: var(--color-text-secondary); --color-flash-success-ink: var(--color-success); --color-flash-success-surface: var(--color-success-soft); --color-flash-success-border: var(--color-success-border); --color-flash-info-ink: var(--color-primary-ink); --color-flash-info-surface: var(--color-primary-soft); --color-flash-info-border: var(--color-primary-border); --color-flash-error-ink: var(--color-danger); --color-flash-error-surface: #3b1c1a; --color-flash-error-border: var(--color-danger-border); --color-work-panel-ink: var(--color-primary-ink); --color-work-item-border: var(--color-border); --color-work-copy-ink: var(--color-text-secondary); --color-attention-tag-ink: var(--color-primary-ink); --color-attention-tag-neutral-ink: var(--color-text-secondary); --color-attention-tag-danger-ink: var(--color-danger); --color-attention-tag-danger-surface: var(--color-danger-soft); --color-trial-item-ink: var(--color-text-secondary); --color-funnel-column-border: var(--color-border); --color-funnel-column-surface: var(--color-surface-subtle); --color-funnel-column-stage-new-border: var(--color-border); --color-funnel-column-stage-waiting-border: var(--color-border); --color-funnel-column-stage-communication-border: var(--color-success-border); --color-funnel-column-stage-trial-border: var(--color-warning-border); --color-funnel-column-stage-decision-border: var(--color-primary-border); --color-funnel-column-stage-enrolled-border: var(--color-success-border); --color-funnel-column-drop-target-surface: var(--color-surface-subtle); --color-funnel-column-drop-target-outline: var(--color-border); --color-funnel-card-border: var(--color-border); --color-funnel-card-ink: var(--color-text-secondary); --color-funnel-card-meta-ink: var(--color-text-secondary); --color-card-qualification-confirmed-ink: var(--color-text-secondary); --color-card-qualification-pending-ink: var(--color-warning); --color-stage-transition-backdrop-surface: rgba(0, 0, 0, .6); --color-stage-transition-dialog-ink: var(--color-text-secondary); --color-stage-transition-dialog-focus-outline: var(--color-primary-border); --color-stage-transition-dialog-focus-border: var(--color-primary-border); --color-transition-error-ink: var(--color-danger); --color-data-table-ink: var(--color-text-secondary); --color-data-table-border: var(--color-border); --color-data-table-hover-surface: var(--color-surface-subtle); --color-stage-badge-ink: var(--color-primary-ink); --color-stage-badge-surface: var(--color-primary-soft); --color-stage-badge-stage-communication-ink: var(--color-success); --color-stage-badge-stage-communication-surface: var(--color-success-soft); --color-stage-badge-stage-waiting-ink: var(--color-text-secondary); --color-stage-badge-stage-trial-ink: var(--color-warning); --color-stage-badge-stage-trial-surface: var(--color-warning-soft); --color-stage-badge-stage-decision-ink: var(--color-primary-ink); --color-stage-badge-stage-decision-surface: var(--color-primary-soft); --color-stage-badge-stage-enrolled-ink: var(--color-success); --color-stage-badge-stage-enrolled-surface: var(--color-success-soft); --color-stage-badge-closed-ink: var(--color-danger); --color-stage-badge-closed-surface: var(--color-danger-soft); --color-stage-badge-archived-ink: var(--color-text-secondary); --color-drawer-backdrop-surface: rgba(0,0,0,.5); --color-drawer-panel-shadow: rgba(0, 0, 0, .45); --color-drawer-refresh-notice-surface: var(--color-danger-soft); --color-drawer-refresh-notice-border: var(--color-danger-border); --color-drawer-close-ink: var(--color-text-secondary); --color-classification-review-pending-surface: var(--color-warning-soft); --color-classification-review-automated-surface: var(--color-surface-subtle); --color-classification-review-reviewed-surface: var(--color-success-soft); --color-classification-row-border: var(--color-border); --color-copy-question-ink: var(--color-primary-ink); --color-telegram-copy-ink: var(--color-text-secondary); --color-telegram-copy-copied-surface: var(--color-success-soft); --color-form-sync-action-ink: var(--color-primary-ink); --color-form-sync-action-border: var(--color-primary-border); --color-form-sync-action-surface: var(--color-primary-soft); --color-form-sync-action-ink-detail: var(--color-primary-ink); --color-form-sync-action-border-detail: var(--color-primary-border); --color-archive-notice-border: var(--color-primary-border); --color-archive-notice-ink: var(--color-primary-ink); --color-archive-notice-border-detail: var(--color-primary-border); --color-action-menu-ink: var(--color-text-secondary); --color-text-action-success-ink: var(--color-success); --color-review-actions-surface: var(--color-success-soft); --color-review-actions-border: var(--color-success-border); --color-review-actions-ink: var(--color-success); --color-review-actions-border-detail: var(--color-success-border); --color-trial-summary-border: var(--color-warning-border); --color-trial-summary-surface: var(--color-warning-soft); --color-trial-state-ink: var(--color-warning); --color-trial-state-surface: var(--color-warning-soft); --color-trial-state-state-completed-ink: var(--color-success); --color-trial-state-state-completed-surface: var(--color-success-soft); --color-trial-state-state-cancelled-ink: var(--color-danger); --color-trial-state-state-cancelled-surface: var(--color-danger-soft); --color-inline-retry-ink: var(--color-primary-ink); --color-drawer-message-border: var(--color-border); --color-drawer-message-outgoing-ink: var(--color-primary-ink); --color-drawer-message-outgoing-border: var(--color-primary-border); --color-ai-generate-border: var(--color-primary-border); --color-ai-generate-hover-surface: var(--color-primary-soft); --color-ai-generate-disabled-ink: var(--color-text-disabled); --color-ai-generate-disabled-surface: var(--color-primary-soft); --color-ai-generate-disabled-border: var(--color-primary-border); --color-ai-reply-text-surface: var(--color-surface-subtle); --color-ai-reply-text-border: var(--color-border-control); --color-ai-reply-text-ink: var(--color-text-secondary); --color-ai-reply-text-focus-border: var(--color-primary-border); --color-ai-send-hover-surface: var(--color-primary); --color-drawer-message-pending-sync-ink: var(--color-primary-ink); --color-drawer-timeline-border: var(--color-border); --color-drawer-timeline-border-detail: var(--color-border); --color-form-section-title-ink: var(--color-text-secondary); --color-form-section-title-border: var(--color-border); --color-stage-transition-surface-shadow: rgba(0, 0, 0, .45); --color-funnel-stage-controls-ink: var(--color-text-secondary); --color-funnel-stage-controls-disabled-ink: var(--color-text-disabled); --color-funnel-stage-controls-funnel-reset-ink: var(--color-primary-ink); --color-conversion-flow-customizable-funnel-surface: var(--color-surface-subtle); --color-conversion-flow-ink: var(--color-text-secondary); --color-conversion-flow-ink-detail: var(--color-primary-ink); --color-settings-list-ink: var(--color-text-secondary); --color-connection-state-ink: var(--color-text-secondary); --color-connection-state-connected-surface: var(--color-success-soft); --color-mini-button-ink: var(--color-text-secondary); --color-settings-note-ink: var(--color-text-secondary); --color-sidebar-nav-hover-surface: var(--color-surface-subtle); --color-button-secondary-hover-border: var(--color-border); --color-metric-strip-ink: var(--color-text-secondary); --color-metric-strip-metric-alert-ink: var(--color-danger); --color-work-item-hover-surface: var(--color-surface-subtle); --color-funnel-card-hover-border: var(--color-border); --color-trial-summary-trial-completed-surface: var(--color-success-soft); --color-trial-summary-trial-completed-border: var(--color-success-border); --color-trial-summary-trial-cancelled-border: var(--color-danger-border); --color-custom-period-disclosure-ink: var(--color-text-secondary); --color-analytics-breakdown-row-muted-fill: var(--color-text-muted); --color-funnel-stage-controls-hover-ink: var(--color-primary-ink); --color-funnel-stage-controls-ink-detail: var(--color-text-secondary); --color-avito-report-status-border: var(--color-border); --color-avito-report-status-hover-surface: var(--color-surface-subtle); --color-avito-report-status-disabled-border: var(--color-border); --color-analytics-refresh-backdrop-surface: rgba(0, 0, 0, .6); --color-analytics-api-feedback-border: var(--color-success-border); --color-ad-table-filters-focus-outline: var(--color-primary-border); --color-ad-table-filters-focus-border: var(--color-primary-border); --color-pipeline-table-hover-surface: var(--color-surface-subtle); --color-pipeline-attention-ink: var(--color-text-secondary); --color-pipeline-attention-needs-reply-ink: var(--color-danger); --color-button-telegram-add-ink: var(--color-warning); --color-button-telegram-add-surface: var(--color-warning-soft); --color-button-telegram-add-border: var(--color-warning-border); --color-button-telegram-add-hover-ink: var(--color-warning); --color-button-telegram-add-hover-surface: var(--color-warning-soft); --color-button-telegram-add-hover-border: var(--color-warning-border); --color-telegram-contact-check-ink: var(--color-text-secondary); --color-telegram-contact-check-hover-border: var(--color-border); --color-telegram-contact-check-hover-surface: var(--color-surface-subtle); --color-telegram-contact-check-checked-border: var(--color-success-border); --color-telegram-contact-check-checked-surface: var(--color-success-soft); --color-telegram-contact-check-border: var(--color-border-control); --color-calendar-modes-ink: var(--color-primary-ink); --color-calendar-modes-surface: var(--color-primary-soft); --color-calendar-cell-is-other-month-surface: var(--color-surface-subtle); --color-calendar-day-ink: var(--color-text-secondary); --color-calendar-event-surface: var(--color-primary-soft); --color-calendar-event-ink: var(--color-primary-ink); --color-contacts-workspace-pipeline-actions-ink: var(--color-text-secondary); --color-trials-workspace-trial-completion-border: var(--color-primary-border); --color-decisions-workspace-pipeline-table-surface: var(--color-surface-subtle); --color-decisions-workspace-decision-due-ink: var(--color-warning); --color-google-connection-warning-surface: var(--color-warning-soft); --color-google-connection-warning-ink: var(--color-warning); --color-calendar-event-surface-detail: var(--color-primary-soft); --color-item-image-surface: var(--color-surface-subtle); --color-item-image-placeholder-ink: var(--color-text-secondary); --color-avatar-placeholder-surface: var(--color-primary); --color-message-ink: var(--color-text-secondary); --color-message-incoming-surface: var(--color-success-soft); --color-message-history-surface: var(--color-surface-subtle); --color-message-bubble-shadow: rgba(0, 0, 0, .45); --color-conversation-message-outgoing-surface: var(--color-primary-soft); --color-trials-workspace-pipeline-actions-border: var(--color-border); --color-record-menu-shadow: rgba(0, 0, 0, .45); --color-record-menu-hover-surface: var(--color-surface-subtle); --color-group-trial-dialog-shadow: rgba(0, 0, 0, .45); --color-group-trial-dialog-surface: var(--color-scrim); --color-trial-time-menu-shadow: rgba(0, 0, 0, .45); --color-trial-time-menu-surface: var(--color-primary-soft); --color-workspace-switcher-shadow: rgba(0, 0, 0, .45); --color-integration-section-border: var(--color-border); --color-binding-instructions-surface: var(--color-surface-subtle); --shadow-overlay: 0 24px 60px rgba(0, 0, 0, .6); --ws-blue: #9dc7fe; --ws-blue-tint: #132741; --ws-teal: #70d9cc; --ws-teal-tint: #012e29; --ws-raspberry: #f8a9c7; --ws-raspberry-tint: #3b1a28; --ws-slate: #b4c4e5; --ws-slate-tint: #1a263f; --ws-copper: #f7b385; --ws-copper-tint: #3b1e08; --ws-steel: #8ad0eb; --ws-steel-tint: #002b39; --color-primary-border: #4e4d78; --color-success-soft: #122d19; --color-success-border: #345d3e; --color-warning-soft: #362207; --color-warning-border: #6b4b24; --color-danger-soft: #3b1c1a; --color-danger-border: #74433f; --ws-blue-fill: #1c75d6; --ws-blue-chrome: #10223b; --ws-teal-fill: #058379; --ws-teal-chrome: #0f2524; --ws-raspberry-fill: #c64080; --ws-raspberry-chrome: #361725; --ws-slate-fill: #667493; --ws-slate-chrome: #1e212a; --ws-copper-fill: #b05f1a; --ws-copper-chrome: #301d10; --ws-steel-fill: #377d96; --ws-steel-chrome: #14232b; --color-chrome-danger: var(--color-danger); --color-bubble: #303034; --color-glass: rgba(44, 44, 48, .6); --color-hairline: rgba(255, 255, 255, .1); --color-pill: rgba(58, 58, 62, .92); --color-scrim: rgba(0, 0, 0, .45); --color-toggle-on: #30d158; } }