:root,
:root[data-theme="znode-dark"] {
    color-scheme: dark;

    --zn-color-scheme: dark;
    --zn-bg-app: #07101b;
    --zn-bg-app-member: #0b1018;
    --zn-bg-app-gradient-start: rgba(12, 23, 37, 0.98);
    --zn-bg-app-gradient-end: rgba(7, 16, 27, 1);
    --zn-bg-sidebar: #0a1421;
    --zn-bg-sidebar-alpha: rgba(10, 20, 33, 0.97);
    --zn-bg-surface: #101c2c;
    --zn-bg-surface-elevated: #0d1725;
    --zn-bg-surface-muted: #142236;
    --zn-bg-panel: linear-gradient(180deg, rgba(18, 27, 42, 0.98), rgba(15, 22, 35, 0.96));
    --zn-bg-surface-hover: rgba(255, 255, 255, 0.03);
    --zn-bg-surface-active: rgba(255, 255, 255, 0.05);
    --zn-bg-surface-faint: rgba(255, 255, 255, 0.02);
    --zn-bg-surface-raised: rgba(255, 255, 255, 0.035);
    --zn-surface-glint: rgba(255, 255, 255, 0.08);
    --zn-surface-glint-soft: rgba(255, 255, 255, 0.04);

    --zn-border: rgba(157, 183, 226, 0.14);
    --zn-border-soft: rgba(255, 255, 255, 0.06);
    --zn-border-muted: rgba(157, 183, 226, 0.1);
    --zn-border-strong: rgba(157, 183, 226, 0.24);

    --zn-text-primary: #ecf2ff;
    --zn-text-secondary: #95a4be;
    --zn-text-muted: #6e7d97;
    --zn-text-inverse: #0c1422;

    --zn-accent: #6f7dff;
    --zn-accent-hover: #7e8aff;
    --zn-accent-soft: rgba(111, 125, 255, 0.14);
    --zn-accent-surface: rgba(106, 120, 255, 0.12);
    --zn-accent-surface-strong: rgba(106, 120, 255, 0.16);
    --zn-accent-surface-lift: rgba(106, 120, 255, 0.22);
    --zn-accent-surface-muted: rgba(106, 120, 255, 0.08);
    --zn-accent-border: rgba(126, 138, 255, 0.28);
    --zn-accent-border-active: rgba(126, 138, 255, 0.26);
    --zn-accent-border-soft: rgba(126, 138, 255, 0.24);
    --zn-accent-border-subtle: rgba(126, 138, 255, 0.18);
    --zn-accent-border-focus: rgba(126, 138, 255, 0.3);
    --zn-accent-text: #dfe5ff;
    --zn-accent-text-muted: #dbe3ff;
    --zn-accent-text-strong: #edf1ff;
    --zn-accent-shadow: rgba(106, 120, 255, 0.14);

    --zn-selected-surface-background: var(--zn-bg-surface-active);
    --zn-selected-surface-border: var(--zn-accent-border);
    --zn-selected-surface-text: var(--zn-text-primary);
    --zn-selected-surface-icon: var(--zn-accent-text);
    --zn-selected-surface-outline-width: 0px;
    --zn-selected-surface-outline: var(--zn-accent);
    --zn-selected-surface-shadow: 0 0 0 0 transparent;
    --zn-filled-accent-background: var(--zn-accent);
    --zn-filled-accent-text: var(--zn-text-inverse);
    --zn-filled-accent-icon: var(--zn-text-inverse);

    --zn-success: #33c27f;
    --zn-success-soft-muted: rgba(51, 194, 127, 0.1);
    --zn-success-soft: rgba(51, 194, 127, 0.12);
    --zn-success-soft-strong: rgba(51, 194, 127, 0.16);
    --zn-success-border: rgba(51, 194, 127, 0.28);
    --zn-success-text: #dff8ea;
    --zn-warning: #e0a93b;
    --zn-warning-soft-muted: rgba(224, 169, 59, 0.11);
    --zn-warning-soft: rgba(224, 169, 59, 0.12);
    --zn-warning-soft-strong: rgba(224, 169, 59, 0.16);
    --zn-warning-border: rgba(224, 169, 59, 0.28);
    --zn-warning-border-strong: rgba(224, 169, 59, 0.3);
    --zn-warning-text: #fff1d6;
    --zn-danger: #ef6f7a;
    --zn-danger-soft: rgba(239, 111, 122, 0.12);
    --zn-danger-soft-strong: rgba(239, 111, 122, 0.16);
    --zn-danger-border: rgba(239, 111, 122, 0.32);
    --zn-danger-border-soft: rgba(239, 111, 122, 0.3);
    --zn-danger-border-strong: rgba(239, 111, 122, 0.46);
    --zn-danger-text: #ffdce0;
    --zn-danger-text-strong: #fff4f5;
    --zn-danger-surface: rgba(148, 44, 58, 0.18);
    --zn-danger-surface-hover: rgba(172, 48, 64, 0.24);
    --zn-danger-shadow: rgba(148, 44, 58, 0.12);
    --zn-success-ring: rgba(51, 194, 127, 0.08);
    --zn-warning-ring: rgba(224, 169, 59, 0.08);
    --zn-danger-ring: rgba(239, 111, 122, 0.08);

    --zn-shadow: 0 14px 34px rgba(2, 8, 15, 0.3);
    --zn-shadow-soft: 0 0 0 1px rgba(111, 125, 255, 0.08), 0 16px 34px rgba(6, 13, 24, 0.28);
    --zn-shadow-sidebar: 24px 0 80px rgba(3, 9, 18, 0.35);

    --zn-scrollbar-track: rgba(8, 16, 28, 0.36);
    --zn-scrollbar-thumb: rgba(112, 130, 164, 0.44);
    --zn-scrollbar-thumb-hover: rgba(138, 154, 192, 0.62);
    --zn-scrollbar-border: rgba(8, 16, 28, 0.86);
    --zn-scrollbar-fill-start: rgba(142, 157, 196, 0.5);
    --zn-scrollbar-fill-end: rgba(84, 101, 134, 0.48);
    --zn-brand-surface-end: rgba(124, 92, 255, 0.12);
    --zn-brand-border: rgba(133, 145, 255, 0.28);

    --zn-member-bg-app: #0b1018;
    --zn-member-bg-shell: #0f1621;
    --zn-member-bg-pane: #121b28;
    --zn-member-bg-card: rgba(15, 22, 33, 0.94);
    --zn-member-bg-bubble-in: #162235;
    --zn-member-bg-bubble-out: #2a3f7a;
    --zn-member-border: rgba(177, 196, 232, 0.12);
    --zn-member-border-soft: rgba(255, 255, 255, 0.08);
    --zn-member-border-strong: rgba(177, 196, 232, 0.18);
    --zn-member-border-bright: rgba(177, 196, 232, 0.16);
    --zn-member-border-muted: rgba(177, 196, 232, 0.08);
    --zn-member-text-primary: #edf3ff;
    --zn-member-text-secondary: #a2afc6;
    --zn-member-text-muted: #77849b;
    --zn-member-text-link: #c9d4ff;
    --zn-member-danger-text: #ffb8b8;
    --zn-member-danger-text-soft: #ffd7d7;
    --zn-member-warning-text: #f8de9d;
    --zn-member-success-text: #dff9ee;
    --zn-member-accent: #7b90ff;
    --zn-member-accent-soft: rgba(123, 144, 255, 0.16);
    --zn-member-accent-surface: rgba(123, 144, 255, 0.14);
    --zn-member-accent-surface-strong: rgba(123, 144, 255, 0.24);
    --zn-member-accent-border: rgba(123, 144, 255, 0.24);
    --zn-member-accent-border-muted: rgba(123, 144, 255, 0.18);
    --zn-member-accent-border-strong: rgba(123, 144, 255, 0.26);
    --zn-member-accent-text: #eef3ff;
    --zn-member-bg-surface-hover: rgba(255, 255, 255, 0.03);
    --zn-member-bg-surface-active: rgba(255, 255, 255, 0.04);
    --zn-member-bg-surface-strong: rgba(255, 255, 255, 0.05);
    --zn-member-bg-surface-lift: rgba(255, 255, 255, 0.035);
    --zn-member-bg-surface-faint: rgba(255, 255, 255, 0.02);
    --zn-member-primary: #7890ff;
    --zn-member-primary-hover: #6178e8;
    --zn-member-primary-text: #f5f8ff;
    --zn-member-selected-surface-background: var(--zn-member-bg-surface-active);
    --zn-member-selected-surface-border: var(--zn-member-accent-border);
    --zn-member-selected-surface-text: var(--zn-member-text-primary);
    --zn-member-selected-surface-icon: var(--zn-member-accent-text);
    --zn-member-selected-surface-outline-width: 0px;
    --zn-member-selected-surface-outline: var(--zn-member-accent);
    --zn-member-selected-surface-shadow: 0 0 0 0 transparent;
    --zn-member-filled-accent-background: var(--zn-member-primary);
    --zn-member-filled-accent-text: var(--zn-member-primary-text);
    --zn-member-filled-accent-icon: var(--zn-member-primary-text);
    --zn-member-shadow: 0 22px 60px rgba(3, 8, 15, 0.38);
    --zn-member-scrollbar-track: rgba(8, 13, 22, 0.24);
    --zn-member-scrollbar-thumb: rgba(111, 128, 164, 0.38);
    --zn-member-scrollbar-thumb-hover: rgba(139, 156, 198, 0.58);
    --zn-member-scrollbar-border: rgba(8, 13, 22, 0.92);
    --zn-member-scrollbar-fill-start: rgba(146, 162, 202, 0.5);
    --zn-member-scrollbar-fill-end: rgba(82, 100, 134, 0.45);

    /* Semantic component contract. Components consume these values without
       knowing which concrete theme supplied them. */
    --zn-admin-primary-background: linear-gradient(180deg, var(--zn-accent-surface-lift), var(--zn-accent-surface));
    --zn-admin-primary-border: var(--zn-accent-border);
    --zn-admin-primary-text: var(--zn-accent-text-strong);
    --zn-admin-primary-shadow: 0 6px 18px var(--zn-accent-shadow);
    --zn-admin-primary-hover-background: linear-gradient(180deg, var(--zn-accent-surface-strong), var(--zn-accent-surface));
    --zn-admin-primary-hover-border: var(--zn-accent-border-focus);
    --zn-admin-primary-disabled-background: var(--zn-bg-surface-muted);
    --zn-admin-primary-disabled-border: var(--zn-border);
    --zn-admin-primary-disabled-text: var(--zn-text-muted);
    --zn-admin-primary-disabled-opacity: 0.45;

    --zn-member-sent-text: var(--zn-member-text-primary);
    --zn-member-sent-meta-text: var(--zn-member-text-secondary);
    --zn-member-sent-border: color-mix(in srgb, var(--zn-member-accent-border) 42%, transparent);
    --zn-member-sent-shadow: none;
    --zn-member-group-message-text: var(--zn-member-text-primary);
    --zn-member-group-message-meta-text: var(--zn-member-text-secondary);
    --zn-member-group-message-author-text: var(--zn-member-text-primary);
    --zn-group-message-surface: var(--zn-member-bg-bubble-in);
    --zn-group-message-sent-surface: var(--zn-member-bg-bubble-out);
    --zn-group-message-tone-0: #3FAE63;
    --zn-group-message-tone-1: #2F82D8;
    --zn-group-message-tone-2: #8B5CF6;
    --zn-group-message-tone-3: #D8902F;
    --zn-group-message-tone-4: #D95C72;
    --zn-group-message-tone-5: #3AA99F;
    --zn-group-message-tone-6: #7D8F2F;
    --zn-group-message-tone-7: #C46A36;
    --zn-group-message-tone-8: #BD4EC6;
    --zn-group-message-tone-9: #4F9DCA;
    --zn-member-avatar-background: var(--zn-member-accent-soft);
    --zn-member-avatar-border-width: 0px;
    --zn-member-avatar-border: var(--zn-member-accent-border-muted);
    --zn-member-avatar-text: var(--zn-member-accent-text);
    --zn-member-avatar-alternate-background: var(--zn-member-avatar-background);
    --zn-member-avatar-alternate-border: var(--zn-member-avatar-border);
    --zn-member-avatar-alternate-text: var(--zn-member-avatar-text);
    --zn-member-conversation-active-background: var(--zn-member-bg-surface-active);
    --zn-member-conversation-active-border: var(--zn-member-border);
    --zn-member-conversation-active-text: var(--zn-member-text-primary);
    --zn-member-conversation-active-shadow: none;
    --zn-member-conversation-marker-display: none;
    --zn-member-conversation-marker: var(--zn-member-accent);
    --zn-member-conversation-hover-background: var(--zn-member-bg-surface-active);
    --zn-member-conversation-hover-border: var(--zn-member-border);
    --zn-member-nav-active-text: var(--zn-member-accent-text);
    --zn-member-bottom-nav-active-text: var(--zn-member-accent-text);

    --zn-workspace-icon-background: var(--zn-member-accent-surface);
    --zn-workspace-icon-border: var(--zn-member-accent-border-muted);
    --zn-workspace-icon-text: var(--zn-member-accent-text);
    --zn-workspace-folder-tab-background: linear-gradient(
        180deg,
        color-mix(in srgb, currentColor 76%, var(--zn-member-bg-card)),
        color-mix(in srgb, currentColor 88%, var(--zn-member-bg-app))
    );
    --zn-workspace-folder-background: linear-gradient(
        180deg,
        color-mix(in srgb, currentColor 78%, var(--zn-member-bg-card)) 0 16%,
        currentColor 17% 100%
    );
    --zn-workspace-folder-border-width: 1px;
    --zn-workspace-folder-border: color-mix(in srgb, currentColor 34%, var(--zn-member-accent-border-strong));
    --zn-workspace-folder-logo-image: none;
    --zn-workspace-folder-tab-shadow: inset 0 1px 0 color-mix(in srgb, var(--zn-member-text-primary) 18%, transparent);
    --zn-workspace-folder-shadow: inset 0 1px 0 color-mix(in srgb, var(--zn-member-text-primary) 22%, transparent), 0 7px 14px color-mix(in srgb, var(--zn-member-bg-app) 28%, transparent);
    --zn-workspace-folder-tab-opacity: 1;
    --zn-workspace-world-timer-icon-filter: invert(84%) sepia(18%) saturate(725%) hue-rotate(5deg) brightness(96%) contrast(92%);
    --zn-workspace-tool-background: linear-gradient(180deg, color-mix(in srgb, var(--zn-member-bg-surface-hover) 78%, transparent), transparent), var(--zn-member-bg-card);
    --zn-workspace-tool-text: var(--zn-member-text-primary);
    --zn-workspace-tool-icon: var(--zn-member-text-link);
    --zn-workspace-tool-active-icon: var(--zn-member-text-link);
    --zn-workspace-tool-active-background: var(--zn-member-accent-surface);
    --zn-workspace-tool-active-border: var(--zn-member-accent-border);
    --zn-workspace-tool-active-text: var(--zn-member-text-primary);
    --zn-workspace-panel-background: linear-gradient(180deg, color-mix(in srgb, var(--zn-member-bg-surface) 74%, transparent), transparent 34%), var(--zn-member-bg-card);
    --zn-workspace-panel-border: color-mix(in srgb, var(--zn-member-border) 88%, transparent);
    --zn-workspace-toolbar-background: linear-gradient(180deg, color-mix(in srgb, var(--zn-member-bg-surface-hover) 62%, transparent), transparent), color-mix(in srgb, var(--zn-member-bg-surface) 70%, transparent);
    --zn-workspace-section-background: linear-gradient(180deg, color-mix(in srgb, var(--zn-member-bg-surface-hover) 62%, transparent), transparent 70%), color-mix(in srgb, var(--zn-member-bg-card) 96%, transparent);
    --zn-workspace-item-background: linear-gradient(180deg, color-mix(in srgb, var(--zn-member-bg-surface-hover) 62%, transparent), transparent 42%), var(--zn-member-bg-card);
    --zn-workspace-item-hover-background: linear-gradient(180deg, color-mix(in srgb, var(--zn-member-accent-surface) 54%, transparent), transparent 46%), var(--zn-member-bg-card);
    --zn-workspace-item-selected-background: linear-gradient(180deg, color-mix(in srgb, var(--zn-member-accent-surface) 68%, transparent), transparent 46%), color-mix(in srgb, var(--zn-member-bg-card) 88%, var(--zn-member-accent-surface));
    --zn-workspace-shared-background: color-mix(in srgb, var(--zn-member-accent-surface) 56%, transparent);
    --zn-workspace-shared-border: var(--zn-member-accent-border-muted);
    --zn-workspace-shared-text: var(--zn-member-text-link);
    --zn-workspace-select-background: color-mix(in srgb, var(--zn-member-text-primary) 10%, transparent);
    --zn-workspace-select-border: color-mix(in srgb, var(--zn-member-text-primary) 42%, transparent);
    --zn-workspace-select-shadow: 0 0 0 2px color-mix(in srgb, var(--zn-member-bg-pane) 68%, transparent);
    --zn-workspace-select-active-background: var(--zn-member-accent);
    --zn-workspace-select-active-border: var(--zn-member-accent-border);
    --zn-workspace-select-active-text: var(--zn-member-primary-text);
    --zn-attachment-viewer-control-background: var(--zn-member-bg-surface-active);
    --zn-attachment-viewer-control-border: var(--zn-member-border-bright);
    --zn-attachment-viewer-control-text: var(--zn-member-text-primary);
    --zn-attachment-viewer-control-hover-background: var(--zn-member-bg-surface-hover);
    --zn-attachment-viewer-control-hover-border: var(--zn-member-border-strong);
    --zn-attachment-viewer-control-hover-text: var(--zn-member-text-primary);
    --zn-attachment-action-modal-close-text: var(--zn-member-text-primary);
    --zn-message-dialog-background: var(--zn-member-bg-card);
    --zn-message-dialog-border: var(--zn-member-border);
    --zn-message-dialog-text: var(--zn-member-text-primary);
    --zn-message-dialog-muted-text: var(--zn-member-text-secondary);

    --zn-messaging-primary-control-background: linear-gradient(180deg, var(--zn-member-primary), var(--zn-member-primary-hover));
    --zn-messaging-primary-control-border: var(--zn-member-border);
    --zn-messaging-primary-control-text: var(--zn-member-primary-text);
    --zn-messaging-secondary-control-background: var(--zn-member-bg-surface-active);
    --zn-messaging-secondary-control-border: var(--zn-member-border);
    --zn-messaging-secondary-control-text: var(--zn-member-text-primary);
    --workspace-upload-progress-bg: var(--zn-member-bg-app);
    --workspace-upload-progress-border: var(--zn-member-border);
    --workspace-upload-progress-text: var(--zn-member-text-primary);
    --workspace-upload-progress-muted: var(--zn-member-text-muted);
    --workspace-upload-progress-action-bg: var(--zn-member-bg-surface);
    --workspace-upload-progress-action-text: var(--zn-member-text-secondary);
    --workspace-upload-progress-icon-bg: var(--zn-member-accent-surface);
    --workspace-upload-progress-icon-border: var(--zn-member-accent-border-muted);
    --workspace-upload-progress-icon-text: var(--zn-member-accent-text);
    --workspace-upload-progress-bar-bg: var(--zn-member-bg-surface);
    --workspace-upload-progress-bar-fill: var(--zn-member-text-link);
    --workspace-upload-progress-active-text: var(--zn-member-text-link);
    --workspace-upload-progress-complete-text: var(--zn-member-success-text);
    --workspace-upload-progress-error-text: var(--zn-member-danger-text);
    --workspace-upload-progress-shadow: var(--zn-member-shadow);
}

[data-theme="stormy-morning"] {
    --zn-color-scheme: light;
    --zn-bg-app: #E9ECEA;
    --zn-bg-app-member: #E9ECEA;
    --zn-bg-app-gradient-start: #F7F8F6;
    --zn-bg-app-gradient-end: #E9ECEA;
    --zn-bg-sidebar: #F5F6F4;
    --zn-bg-sidebar-alpha: rgba(245, 246, 244, 0.96);
    --zn-bg-surface: #FFFFFF;
    --zn-bg-surface-elevated: #FFFFFF;
    --zn-bg-surface-muted: #CBCBCB;
    --zn-bg-panel: linear-gradient(180deg, #FFFFFF, #F7F8F6);
    --zn-bg-surface-hover: #CBCBCB;
    --zn-bg-surface-active: #174D38;
    --zn-bg-surface-faint: rgba(23, 77, 56, 0.045);
    --zn-bg-surface-raised: rgba(255, 255, 255, 0.82);
    --zn-surface-glint: rgba(255, 255, 255, 0.82);
    --zn-surface-glint-soft: rgba(255, 255, 255, 0.46);

    --zn-border: #C8CFCA;
    --zn-border-soft: #DDE2DE;
    --zn-border-muted: #D3D9D5;
    --zn-border-strong: #AEB9B2;

    --zn-text-primary: #17221D;
    --zn-text-secondary: #56625B;
    --zn-text-muted: #7C8780;
    --zn-text-inverse: #FFFFFF;

    --zn-accent: #174D38;
    --zn-accent-hover: #103D2C;
    --zn-accent-soft: #174D38;
    --zn-accent-surface: #174D38;
    --zn-accent-surface-strong: #174D38;
    --zn-accent-surface-lift: #174D38;
    --zn-accent-surface-muted: #CBCBCB;
    --zn-accent-border: #174D38;
    --zn-accent-border-active: #103D2C;
    --zn-accent-border-soft: #174D38;
    --zn-accent-border-subtle: #C8CFCA;
    --zn-accent-border-focus: #79A08D;
    --zn-accent-text: #FFFFFF;
    --zn-accent-text-muted: #FFFFFF;
    --zn-accent-text-strong: #FFFFFF;
    --zn-accent-shadow: rgba(23, 77, 56, 0.12);

    --zn-success: #2E7652;
    --zn-success-soft-muted: rgba(46, 118, 82, 0.08);
    --zn-success-soft: rgba(46, 118, 82, 0.12);
    --zn-success-soft-strong: rgba(46, 118, 82, 0.18);
    --zn-success-border: rgba(46, 118, 82, 0.3);
    --zn-success-text: #2E7652;
    --zn-warning: #76504B;
    --zn-warning-soft-muted: rgba(118, 80, 75, 0.08);
    --zn-warning-soft: rgba(118, 80, 75, 0.12);
    --zn-warning-soft-strong: rgba(118, 80, 75, 0.18);
    --zn-warning-border: rgba(118, 80, 75, 0.28);
    --zn-warning-border-strong: rgba(118, 80, 75, 0.38);
    --zn-warning-text: #76504B;
    --zn-danger: #A34D4D;
    --zn-danger-soft: rgba(163, 77, 77, 0.1);
    --zn-danger-soft-strong: rgba(163, 77, 77, 0.16);
    --zn-danger-border: rgba(163, 77, 77, 0.32);
    --zn-danger-border-soft: rgba(163, 77, 77, 0.22);
    --zn-danger-border-strong: rgba(163, 77, 77, 0.42);
    --zn-danger-text: #A34D4D;
    --zn-danger-text-strong: #7D3131;
    --zn-danger-surface: rgba(163, 77, 77, 0.1);
    --zn-danger-surface-hover: rgba(163, 77, 77, 0.16);
    --zn-danger-shadow: rgba(163, 77, 77, 0.12);
    --zn-success-ring: rgba(23, 77, 56, 0.12);
    --zn-warning-ring: rgba(118, 80, 75, 0.1);
    --zn-danger-ring: rgba(163, 77, 77, 0.1);

    --zn-shadow: 0 12px 34px rgba(23, 34, 29, 0.08);
    --zn-shadow-soft: 0 8px 24px rgba(23, 34, 29, 0.06);
    --zn-shadow-sidebar: 24px 0 80px rgba(23, 34, 29, 0.1);

    --zn-scrollbar-track: rgba(233, 236, 234, 0.8);
    --zn-scrollbar-thumb: rgba(23, 77, 56, 0.34);
    --zn-scrollbar-thumb-hover: rgba(23, 77, 56, 0.5);
    --zn-scrollbar-border: rgba(255, 255, 255, 0.9);
    --zn-scrollbar-fill-start: rgba(23, 77, 56, 0.38);
    --zn-scrollbar-fill-end: rgba(23, 77, 56, 0.24);
    --zn-brand-surface-end: #174D38;
    --zn-brand-border: #174D38;

    --zn-member-bg-app: #E9ECEA;
    --zn-member-bg-shell: #F7F8F6;
    --zn-member-bg-pane: #FFFFFF;
    --zn-member-bg-card: #F5F7F5;
    --zn-member-bg-bubble-in: #CBCBCB;
    --zn-member-bg-bubble-out: #174D38;
    --zn-member-border: #CCD4CF;
    --zn-member-border-soft: #E0E5E1;
    --zn-member-border-strong: #AEB9B2;
    --zn-member-border-bright: #174D38;
    --zn-member-border-muted: #E0E5E1;
    --zn-member-text-primary: #17221D;
    --zn-member-text-secondary: #59655E;
    --zn-member-text-muted: #828B85;
    --zn-member-text-link: #174D38;
    --zn-member-danger-text: #A34D4D;
    --zn-member-danger-text-soft: #76504B;
    --zn-member-warning-text: #76504B;
    --zn-member-success-text: #2E7652;
    --zn-member-accent: #174D38;
    --zn-member-accent-soft: #174D38;
    --zn-member-accent-surface: #174D38;
    --zn-member-accent-surface-strong: #174D38;
    --zn-member-accent-border: #174D38;
    --zn-member-accent-border-muted: #174D38;
    --zn-member-accent-border-strong: #103D2C;
    --zn-member-accent-text: #FFFFFF;
    --zn-member-bg-surface-hover: #CBCBCB;
    --zn-member-bg-surface-active: #174D38;
    --zn-member-bg-surface-strong: #174D38;
    --zn-member-bg-surface-lift: #FFFFFF;
    --zn-member-bg-surface-faint: rgba(23, 77, 56, 0.045);
    --zn-member-primary: #174D38;
    --zn-member-primary-hover: #103D2C;
    --zn-member-primary-text: #FFFFFF;
    --zn-member-shadow: 0 12px 34px rgba(23, 34, 29, 0.08);
    --zn-member-scrollbar-track: rgba(233, 236, 234, 0.74);
    --zn-member-scrollbar-thumb: rgba(23, 77, 56, 0.32);
    --zn-member-scrollbar-thumb-hover: rgba(23, 77, 56, 0.48);
    --zn-member-scrollbar-border: rgba(255, 255, 255, 0.9);
    --zn-member-scrollbar-fill-start: rgba(23, 77, 56, 0.36);
    --zn-member-scrollbar-fill-end: rgba(23, 77, 56, 0.22);

    --zn-admin-primary-background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), transparent 38%), #174D38;
    --zn-admin-primary-border: #174D38;
    --zn-admin-primary-text: #FFFFFF;
    --zn-admin-primary-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), 0 8px 20px rgba(23, 77, 56, 0.12);
    --zn-admin-primary-hover-background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent 36%), #103D2C;
    --zn-admin-primary-hover-border: #103D2C;
    --zn-admin-primary-disabled-background: linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08)), #174D38;
    --zn-admin-primary-disabled-border: #A9C3B5;
    --zn-admin-primary-disabled-text: rgba(255, 255, 255, 0.86);
    --zn-admin-primary-disabled-opacity: 0.54;

    --zn-member-sent-text: #FFFFFF;
    --zn-member-sent-meta-text: rgba(255, 255, 255, 0.74);
    --zn-member-sent-border: #174D38;
    --zn-member-sent-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 12px 28px rgba(23, 77, 56, 0.16);
    --zn-member-avatar-background: linear-gradient(145deg, rgba(255, 255, 255, 0.2), transparent 44%), #174D38;
    --zn-member-avatar-border-width: 1px;
    --zn-member-avatar-border: rgba(77, 23, 23, 0.28);
    --zn-member-avatar-text: #FFFFFF;
    --zn-member-conversation-active-background: #174D38;
    --zn-member-conversation-active-border: #174D38;
    --zn-member-conversation-active-text: #FFFFFF;
    --zn-member-conversation-active-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 10px 24px rgba(23, 77, 56, 0.12);
    --zn-member-conversation-hover-background: #CBCBCB;
    --zn-member-conversation-hover-border: #AEB9B2;
    --zn-member-nav-active-text: #FFFFFF;
    --zn-member-bottom-nav-active-text: #174D38;
    --zn-workspace-icon-background: linear-gradient(145deg, rgba(255, 255, 255, 0.2), transparent 44%), #174D38;
    --zn-workspace-icon-border: rgba(77, 23, 23, 0.28);
    --zn-workspace-icon-text: #FFFFFF;
    --zn-workspace-folder-tab-background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent 42%), #174D38;
    --zn-workspace-folder-background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent 42%), #174D38;
    --zn-workspace-folder-border-width: 1px;
    --zn-workspace-folder-border: rgba(77, 23, 23, 0.28);
    --zn-workspace-folder-tab-shadow: none;
    --zn-workspace-folder-shadow: none;
    --zn-workspace-folder-tab-opacity: 0.8;
    --zn-workspace-tool-background: linear-gradient(145deg, rgba(255, 255, 255, 0.58), rgba(203, 203, 203, 0.72)), rgba(23, 77, 56, 0.06);
    --zn-workspace-tool-icon: #174D38;
    --zn-workspace-tool-active-icon: #FFFFFF;
    --zn-workspace-tool-active-background: #174D38;
    --zn-workspace-tool-active-border: #174D38;
    --zn-workspace-tool-active-text: #FFFFFF;
    --zn-messaging-primary-control-background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), transparent 38%), #174D38;
    --zn-messaging-primary-control-border: #174D38;
    --zn-messaging-primary-control-text: #FFFFFF;
    --zn-messaging-secondary-control-background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), transparent 38%), #174D38;
    --zn-messaging-secondary-control-border: #174D38;
    --zn-messaging-secondary-control-text: #FFFFFF;
}

[data-theme="urban-loft"] {
    --zn-color-scheme: dark;
    --zn-bg-app: #121212;
    --zn-bg-app-member: #121212;
    --zn-bg-app-gradient-start: rgba(26, 26, 26, 0.98);
    --zn-bg-app-gradient-end: #121212;
    --zn-bg-sidebar: #1A1A1A;
    --zn-bg-sidebar-alpha: rgba(26, 26, 26, 0.97);
    --zn-bg-surface: #222222;
    --zn-bg-surface-elevated: #1A1A1A;
    --zn-bg-surface-muted: #2C2C2C;
    --zn-bg-panel: linear-gradient(180deg, rgba(34, 34, 34, 0.98), rgba(26, 26, 26, 0.96));
    --zn-bg-surface-hover: rgba(241, 241, 241, 0.04);
    --zn-bg-surface-active: rgba(241, 241, 241, 0.07);
    --zn-bg-surface-faint: rgba(241, 241, 241, 0.025);
    --zn-bg-surface-raised: rgba(241, 241, 241, 0.05);
    --zn-surface-glint: rgba(255, 255, 255, 0.08);
    --zn-surface-glint-soft: rgba(255, 255, 255, 0.04);

    --zn-border: #3A3A3A;
    --zn-border-soft: #2A2A2A;
    --zn-border-muted: #303030;
    --zn-border-strong: #4A4A4A;

    --zn-text-primary: #F1F1F1;
    --zn-text-secondary: #C7C7C7;
    --zn-text-muted: #8A8A8A;
    --zn-text-inverse: #121212;

    --zn-accent: #A35E47;
    --zn-accent-hover: #8B4E3A;
    --zn-accent-soft: #3A2620;
    --zn-accent-surface: rgba(163, 94, 71, 0.16);
    --zn-accent-surface-strong: rgba(163, 94, 71, 0.22);
    --zn-accent-surface-lift: rgba(163, 94, 71, 0.28);
    --zn-accent-surface-muted: rgba(163, 94, 71, 0.1);
    --zn-accent-border: rgba(163, 94, 71, 0.36);
    --zn-accent-border-active: rgba(163, 94, 71, 0.32);
    --zn-accent-border-soft: rgba(163, 94, 71, 0.28);
    --zn-accent-border-subtle: rgba(163, 94, 71, 0.22);
    --zn-accent-border-focus: rgba(163, 94, 71, 0.44);
    --zn-accent-text: #FFE9E1;
    --zn-accent-text-muted: #F4CABC;
    --zn-accent-text-strong: #FFF5F1;
    --zn-accent-shadow: rgba(163, 94, 71, 0.16);

    --zn-success: #4CAF50;
    --zn-success-soft-muted: rgba(76, 175, 80, 0.1);
    --zn-success-soft: rgba(76, 175, 80, 0.13);
    --zn-success-soft-strong: rgba(76, 175, 80, 0.18);
    --zn-success-border: rgba(76, 175, 80, 0.34);
    --zn-success-text: #E2FFE4;
    --zn-warning: #E0A800;
    --zn-warning-soft-muted: rgba(224, 168, 0, 0.1);
    --zn-warning-soft: rgba(224, 168, 0, 0.14);
    --zn-warning-soft-strong: rgba(224, 168, 0, 0.2);
    --zn-warning-border: rgba(224, 168, 0, 0.34);
    --zn-warning-border-strong: rgba(224, 168, 0, 0.42);
    --zn-warning-text: #FFE8A6;
    --zn-danger: #D64545;
    --zn-danger-soft: rgba(214, 69, 69, 0.13);
    --zn-danger-soft-strong: rgba(214, 69, 69, 0.2);
    --zn-danger-border: rgba(214, 69, 69, 0.36);
    --zn-danger-border-soft: rgba(214, 69, 69, 0.32);
    --zn-danger-border-strong: rgba(214, 69, 69, 0.48);
    --zn-danger-text: #FFDADA;
    --zn-danger-text-strong: #FFF3F3;
    --zn-danger-surface: rgba(214, 69, 69, 0.14);
    --zn-danger-surface-hover: rgba(214, 69, 69, 0.2);
    --zn-danger-shadow: rgba(214, 69, 69, 0.12);
    --zn-success-ring: rgba(76, 175, 80, 0.1);
    --zn-warning-ring: rgba(224, 168, 0, 0.1);
    --zn-danger-ring: rgba(214, 69, 69, 0.1);

    --zn-shadow: 0 14px 34px rgba(0, 0, 0, 0.6);
    --zn-shadow-soft: 0 0 0 1px rgba(163, 94, 71, 0.12), 0 16px 34px rgba(0, 0, 0, 0.48);
    --zn-shadow-sidebar: 24px 0 80px rgba(0, 0, 0, 0.5);

    --zn-scrollbar-track: rgba(18, 18, 18, 0.38);
    --zn-scrollbar-thumb: rgba(138, 138, 138, 0.44);
    --zn-scrollbar-thumb-hover: rgba(199, 199, 199, 0.58);
    --zn-scrollbar-border: rgba(18, 18, 18, 0.88);
    --zn-scrollbar-fill-start: rgba(199, 199, 199, 0.42);
    --zn-scrollbar-fill-end: rgba(138, 138, 138, 0.38);
    --zn-brand-surface-end: rgba(163, 94, 71, 0.12);
    --zn-brand-border: rgba(163, 94, 71, 0.34);

    --zn-member-bg-app: #121212;
    --zn-member-bg-shell: #1A1A1A;
    --zn-member-bg-pane: #222222;
    --zn-member-bg-card: rgba(26, 26, 26, 0.94);
    --zn-member-bg-bubble-in: #222222;
    --zn-member-bg-bubble-out: #5B3328;
    --zn-member-border: #3A3A3A;
    --zn-member-border-soft: rgba(241, 241, 241, 0.08);
    --zn-member-border-strong: #4A4A4A;
    --zn-member-border-bright: rgba(199, 199, 199, 0.18);
    --zn-member-border-muted: rgba(199, 199, 199, 0.1);
    --zn-member-text-primary: #F1F1F1;
    --zn-member-text-secondary: #C7C7C7;
    --zn-member-text-muted: #8A8A8A;
    --zn-member-text-link: #F4CABC;
    --zn-member-danger-text: #FFDADA;
    --zn-member-danger-text-soft: #FFE6E6;
    --zn-member-warning-text: #FFE8A6;
    --zn-member-success-text: #E2FFE4;
    --zn-member-accent: #A35E47;
    --zn-member-accent-soft: rgba(163, 94, 71, 0.16);
    --zn-member-accent-surface: rgba(163, 94, 71, 0.16);
    --zn-member-accent-surface-strong: rgba(163, 94, 71, 0.24);
    --zn-member-accent-border: rgba(163, 94, 71, 0.32);
    --zn-member-accent-border-muted: rgba(163, 94, 71, 0.22);
    --zn-member-accent-border-strong: rgba(163, 94, 71, 0.4);
    --zn-member-accent-text: #FFE9E1;
    --zn-member-bg-surface-hover: rgba(241, 241, 241, 0.04);
    --zn-member-bg-surface-active: rgba(241, 241, 241, 0.07);
    --zn-member-bg-surface-strong: rgba(241, 241, 241, 0.08);
    --zn-member-bg-surface-lift: rgba(241, 241, 241, 0.05);
    --zn-member-bg-surface-faint: rgba(241, 241, 241, 0.025);
    --zn-member-primary: #A35E47;
    --zn-member-primary-hover: #8B4E3A;
    --zn-member-primary-text: #FFF5F1;
    --zn-member-shadow: 0 22px 60px rgba(0, 0, 0, 0.6);
    --zn-member-scrollbar-track: rgba(18, 18, 18, 0.28);
    --zn-member-scrollbar-thumb: rgba(138, 138, 138, 0.42);
    --zn-member-scrollbar-thumb-hover: rgba(199, 199, 199, 0.58);
    --zn-member-scrollbar-border: rgba(18, 18, 18, 0.88);
    --zn-member-scrollbar-fill-start: rgba(199, 199, 199, 0.42);
    --zn-member-scrollbar-fill-end: rgba(138, 138, 138, 0.38);
}

[data-theme="yacht-club"] {
    --zn-color-scheme: light;
    --zn-bg-app: #F2F0EF;
    --zn-bg-app-member: #F2F0EF;
    --zn-bg-app-gradient-start: rgba(247, 244, 241, 0.98);
    --zn-bg-app-gradient-end: #F2F0EF;
    --zn-bg-sidebar: #E5E0DA;
    --zn-bg-sidebar-alpha: rgba(229, 224, 218, 0.97);
    --zn-bg-surface: #FFFFFF;
    --zn-bg-surface-elevated: #F7F4F1;
    --zn-bg-surface-muted: #F7F4F1;
    --zn-bg-panel: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 244, 241, 0.96));
    --zn-bg-surface-hover: rgba(44, 44, 44, 0.04);
    --zn-bg-surface-active: rgba(44, 44, 44, 0.06);
    --zn-bg-surface-faint: rgba(44, 44, 44, 0.025);
    --zn-bg-surface-raised: rgba(44, 44, 44, 0.035);
    --zn-surface-glint: rgba(255, 255, 255, 0.72);
    --zn-surface-glint-soft: rgba(255, 255, 255, 0.46);

    --zn-border: #D6D0C8;
    --zn-border-soft: #EAE5DF;
    --zn-border-muted: #E1DBD4;
    --zn-border-strong: #BDB4AA;

    --zn-text-primary: #2C2C2C;
    --zn-text-secondary: #5C5C5C;
    --zn-text-muted: #8A8A8A;
    --zn-text-inverse: #FFFFFF;

    --zn-accent: #245F73;
    --zn-accent-hover: #1C4C5D;
    --zn-accent-soft: #DDE8EC;
    --zn-accent-surface: #DDE8EC;
    --zn-accent-surface-strong: #D1E1E6;
    --zn-accent-surface-lift: #EAF2F5;
    --zn-accent-surface-muted: #EFF6F8;
    --zn-accent-border: #9CBBC6;
    --zn-accent-border-active: #A9C5CE;
    --zn-accent-border-soft: #BDD3DA;
    --zn-accent-border-subtle: #D1E1E6;
    --zn-accent-border-focus: #7EA9B8;
    --zn-accent-text: #174556;
    --zn-accent-text-muted: #245F73;
    --zn-accent-text-strong: #174556;
    --zn-accent-shadow: rgba(36, 95, 115, 0.12);

    --zn-success: #3A8D5D;
    --zn-success-soft-muted: rgba(58, 141, 93, 0.08);
    --zn-success-soft: rgba(58, 141, 93, 0.12);
    --zn-success-soft-strong: rgba(58, 141, 93, 0.16);
    --zn-success-border: rgba(58, 141, 93, 0.3);
    --zn-success-text: #276842;
    --zn-warning: #C89B3C;
    --zn-warning-soft-muted: rgba(200, 155, 60, 0.08);
    --zn-warning-soft: rgba(200, 155, 60, 0.13);
    --zn-warning-soft-strong: rgba(200, 155, 60, 0.18);
    --zn-warning-border: rgba(200, 155, 60, 0.3);
    --zn-warning-border-strong: rgba(200, 155, 60, 0.4);
    --zn-warning-text: #75591F;
    --zn-danger: #B04A3A;
    --zn-danger-soft: rgba(176, 74, 58, 0.1);
    --zn-danger-soft-strong: rgba(176, 74, 58, 0.16);
    --zn-danger-border: rgba(176, 74, 58, 0.3);
    --zn-danger-border-soft: rgba(176, 74, 58, 0.26);
    --zn-danger-border-strong: rgba(176, 74, 58, 0.42);
    --zn-danger-text: #8A3528;
    --zn-danger-text-strong: #6F291F;
    --zn-danger-surface: rgba(176, 74, 58, 0.1);
    --zn-danger-surface-hover: rgba(176, 74, 58, 0.15);
    --zn-danger-shadow: rgba(176, 74, 58, 0.08);
    --zn-success-ring: rgba(58, 141, 93, 0.08);
    --zn-warning-ring: rgba(200, 155, 60, 0.08);
    --zn-danger-ring: rgba(176, 74, 58, 0.08);

    --zn-shadow: 0 14px 34px rgba(0, 0, 0, 0.08);
    --zn-shadow-soft: 0 0 0 1px rgba(36, 95, 115, 0.08), 0 16px 34px rgba(0, 0, 0, 0.06);
    --zn-shadow-sidebar: 24px 0 80px rgba(0, 0, 0, 0.08);

    --zn-scrollbar-track: rgba(214, 208, 200, 0.36);
    --zn-scrollbar-thumb: rgba(138, 138, 138, 0.38);
    --zn-scrollbar-thumb-hover: rgba(92, 92, 92, 0.5);
    --zn-scrollbar-border: rgba(242, 240, 239, 0.92);
    --zn-scrollbar-fill-start: rgba(138, 138, 138, 0.3);
    --zn-scrollbar-fill-end: rgba(92, 92, 92, 0.26);
    --zn-brand-surface-end: #DDE8EC;
    --zn-brand-border: #9CBBC6;

    --zn-member-bg-app: #F2F0EF;
    --zn-member-bg-shell: #E5E0DA;
    --zn-member-bg-pane: #FFFFFF;
    --zn-member-bg-card: rgba(255, 255, 255, 0.94);
    --zn-member-bg-bubble-in: #FFFFFF;
    --zn-member-bg-bubble-out: #DDE8EC;
    --zn-member-border: #D6D0C8;
    --zn-member-border-soft: #EAE5DF;
    --zn-member-border-strong: #BDB4AA;
    --zn-member-border-bright: #D6D0C8;
    --zn-member-border-muted: #EAE5DF;
    --zn-member-text-primary: #2C2C2C;
    --zn-member-text-secondary: #5C5C5C;
    --zn-member-text-muted: #8A8A8A;
    --zn-member-text-link: #245F73;
    --zn-member-danger-text: #8A3528;
    --zn-member-danger-text-soft: #B04A3A;
    --zn-member-warning-text: #75591F;
    --zn-member-success-text: #276842;
    --zn-member-accent: #245F73;
    --zn-member-accent-soft: #DDE8EC;
    --zn-member-accent-surface: #DDE8EC;
    --zn-member-accent-surface-strong: #D1E1E6;
    --zn-member-accent-border: #9CBBC6;
    --zn-member-accent-border-muted: #BDD3DA;
    --zn-member-accent-border-strong: #7EA9B8;
    --zn-member-accent-text: #174556;
    --zn-member-bg-surface-hover: rgba(44, 44, 44, 0.04);
    --zn-member-bg-surface-active: rgba(44, 44, 44, 0.06);
    --zn-member-bg-surface-strong: rgba(44, 44, 44, 0.08);
    --zn-member-bg-surface-lift: rgba(44, 44, 44, 0.035);
    --zn-member-bg-surface-faint: rgba(44, 44, 44, 0.025);
    --zn-member-primary: #245F73;
    --zn-member-primary-hover: #1C4C5D;
    --zn-member-primary-text: #FFFFFF;
    --zn-member-shadow: 0 22px 60px rgba(0, 0, 0, 0.08);
    --zn-member-scrollbar-track: rgba(214, 208, 200, 0.28);
    --zn-member-scrollbar-thumb: rgba(138, 138, 138, 0.36);
    --zn-member-scrollbar-thumb-hover: rgba(92, 92, 92, 0.5);
    --zn-member-scrollbar-border: rgba(242, 240, 239, 0.92);
    --zn-member-scrollbar-fill-start: rgba(138, 138, 138, 0.3);
    --zn-member-scrollbar-fill-end: rgba(92, 92, 92, 0.26);
}

[data-theme="znode-light"] {
    --zn-color-scheme: light;
    --zn-bg-app: #E9ECEA;
    --zn-bg-app-member: #E9ECEA;
    --zn-bg-app-gradient-start: #F7F8F6;
    --zn-bg-app-gradient-end: #E9ECEA;
    --zn-bg-sidebar: #F5F6F4;
    --zn-bg-sidebar-alpha: rgba(245, 246, 244, 0.96);
    --zn-bg-surface: #FFFFFF;
    --zn-bg-surface-elevated: #FFFFFF;
    --zn-bg-surface-muted: #CBCBCB;
    --zn-bg-panel: linear-gradient(180deg, #FFFFFF, #F7F8F6);
    --zn-bg-surface-hover: #CBCBCB;
    --zn-bg-surface-active: #800020;
    --zn-bg-surface-faint: rgba(128, 0, 32, 0.035);
    --zn-bg-surface-raised: rgba(255, 255, 255, 0.82);
    --zn-surface-glint: rgba(255, 255, 255, 0.82);
    --zn-surface-glint-soft: rgba(255, 255, 255, 0.46);

    --zn-border: #C8CFCA;
    --zn-border-soft: #DDE2DE;
    --zn-border-muted: #D3D9D5;
    --zn-border-strong: #AEB9B2;

    --zn-text-primary: #211817;
    --zn-text-secondary: #625756;
    --zn-text-muted: #877D7B;
    --zn-text-inverse: #FFFFFF;

    --zn-accent: #800020;
    --zn-accent-hover: #660019;
    --zn-accent-soft: #800020;
    --zn-accent-surface: #800020;
    --zn-accent-surface-strong: #800020;
    --zn-accent-surface-lift: #800020;
    --zn-accent-surface-muted: #CBCBCB;
    --zn-accent-border: #800020;
    --zn-accent-border-active: #660019;
    --zn-accent-border-soft: #800020;
    --zn-accent-border-subtle: #C8CFCA;
    --zn-accent-border-focus: #660019;
    --zn-accent-text: #FFFFFF;
    --zn-accent-text-muted: #FFFFFF;
    --zn-accent-text-strong: #FFFFFF;
    --zn-accent-shadow: rgba(128, 0, 32, 0.16);
    --zn-secondary-accent: #174D38;
    --zn-secondary-accent-soft: #DCE8E2;
    --zn-secondary-accent-surface: #E4EEE8;
    --zn-secondary-accent-border: #A9C3B5;
    --zn-secondary-accent-text: #174D38;

    --zn-success: #2E7652;
    --zn-success-soft-muted: rgba(46, 118, 82, 0.08);
    --zn-success-soft: rgba(46, 118, 82, 0.12);
    --zn-success-soft-strong: rgba(46, 118, 82, 0.18);
    --zn-success-border: rgba(46, 118, 82, 0.3);
    --zn-success-text: #2E7652;
    --zn-warning: #76504B;
    --zn-warning-soft-muted: rgba(118, 80, 75, 0.08);
    --zn-warning-soft: rgba(118, 80, 75, 0.12);
    --zn-warning-soft-strong: rgba(118, 80, 75, 0.18);
    --zn-warning-border: rgba(118, 80, 75, 0.28);
    --zn-warning-border-strong: rgba(118, 80, 75, 0.38);
    --zn-warning-text: #76504B;
    --zn-danger: #A34D4D;
    --zn-danger-soft: rgba(163, 77, 77, 0.1);
    --zn-danger-soft-strong: rgba(163, 77, 77, 0.16);
    --zn-danger-border: rgba(163, 77, 77, 0.32);
    --zn-danger-border-soft: rgba(163, 77, 77, 0.22);
    --zn-danger-border-strong: rgba(163, 77, 77, 0.42);
    --zn-danger-text: #A34D4D;
    --zn-danger-text-strong: #7D3131;
    --zn-danger-surface: rgba(163, 77, 77, 0.1);
    --zn-danger-surface-hover: rgba(163, 77, 77, 0.16);
    --zn-danger-shadow: rgba(163, 77, 77, 0.12);
    --zn-success-ring: rgba(46, 118, 82, 0.08);
    --zn-warning-ring: rgba(118, 80, 75, 0.1);
    --zn-danger-ring: rgba(163, 77, 77, 0.1);

    --zn-shadow: 0 12px 34px rgba(34, 24, 23, 0.08);
    --zn-shadow-soft: 0 8px 24px rgba(34, 24, 23, 0.06);
    --zn-shadow-sidebar: 24px 0 80px rgba(34, 24, 23, 0.1);

    --zn-scrollbar-track: rgba(233, 236, 234, 0.8);
    --zn-scrollbar-thumb: rgba(128, 0, 32, 0.38);
    --zn-scrollbar-thumb-hover: rgba(128, 0, 32, 0.58);
    --zn-scrollbar-border: rgba(255, 255, 255, 0.92);
    --zn-scrollbar-fill-start: rgba(128, 0, 32, 0.42);
    --zn-scrollbar-fill-end: rgba(23, 77, 56, 0.22);
    --zn-brand-surface-end: #800020;
    --zn-brand-border: #800020;

    --zn-member-bg-app: #E9ECEA;
    --zn-member-bg-shell: #F7F8F6;
    --zn-member-bg-pane: #FFFFFF;
    --zn-member-bg-card: #F5F7F5;
    --zn-member-bg-bubble-in: #CBCBCB;
    --zn-member-bg-bubble-out: #800020;
    --zn-member-border: #CCD4CF;
    --zn-member-border-soft: #E0E5E1;
    --zn-member-border-strong: #AEB9B2;
    --zn-member-border-bright: #800020;
    --zn-member-border-muted: #E0E5E1;
    --zn-member-text-primary: #211817;
    --zn-member-text-secondary: #625756;
    --zn-member-text-muted: #877D7B;
    --zn-member-text-link: #800020;
    --zn-member-danger-text: #A34D4D;
    --zn-member-danger-text-soft: #76504B;
    --zn-member-warning-text: #76504B;
    --zn-member-success-text: #2E7652;
    --zn-member-accent: #800020;
    --zn-member-accent-soft: #800020;
    --zn-member-accent-surface: #800020;
    --zn-member-accent-surface-strong: #800020;
    --zn-member-accent-border: #800020;
    --zn-member-accent-border-muted: #800020;
    --zn-member-accent-border-strong: #660019;
    --zn-member-accent-text: #FFFFFF;
    --zn-member-secondary-accent: #174D38;
    --zn-member-secondary-accent-soft: #DCE8E2;
    --zn-member-secondary-accent-surface: #E4EEE8;
    --zn-member-secondary-accent-border: #A9C3B5;
    --zn-member-secondary-accent-text: #174D38;
    --zn-member-bg-surface-hover: #CBCBCB;
    --zn-member-bg-surface-active: #800020;
    --zn-member-bg-surface-strong: #800020;
    --zn-member-bg-surface-lift: #FFFFFF;
    --zn-member-bg-surface-faint: rgba(128, 0, 32, 0.035);
    --zn-member-primary: #800020;
    --zn-member-primary-hover: #660019;
    --zn-member-primary-text: #FFFFFF;
    --zn-member-shadow: 0 12px 34px rgba(34, 24, 23, 0.08);
    --zn-member-scrollbar-track: rgba(233, 236, 234, 0.74);
    --zn-member-scrollbar-thumb: rgba(128, 0, 32, 0.36);
    --zn-member-scrollbar-thumb-hover: rgba(128, 0, 32, 0.56);
    --zn-member-scrollbar-border: rgba(255, 255, 255, 0.92);
    --zn-member-scrollbar-fill-start: rgba(128, 0, 32, 0.4);
    --zn-member-scrollbar-fill-end: rgba(23, 77, 56, 0.22);

    --zn-admin-primary-background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), transparent 38%), #800020;
    --zn-admin-primary-border: #800020;
    --zn-admin-primary-text: #FFFFFF;
    --zn-admin-primary-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), 0 8px 20px rgba(128, 0, 32, 0.14);
    --zn-admin-primary-hover-background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent 36%), #660019;
    --zn-admin-primary-hover-border: #660019;
    --zn-admin-primary-disabled-background: linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08)), #800020;
    --zn-admin-primary-disabled-border: #800020;
    --zn-admin-primary-disabled-text: rgba(255, 255, 255, 0.86);
    --zn-admin-primary-disabled-opacity: 0.54;

    --zn-member-sent-text: #FFFFFF;
    --zn-member-sent-meta-text: rgba(255, 255, 255, 0.74);
    --zn-member-sent-border: #800020;
    --zn-member-sent-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 12px 28px rgba(128, 0, 32, 0.16);
    --zn-member-group-message-text: #211817;
    --zn-member-avatar-background: linear-gradient(145deg, rgba(255, 255, 255, 0.2), transparent 44%), #800020;
    --zn-member-avatar-border-width: 1px;
    --zn-member-avatar-border: var(--zn-member-secondary-accent-border);
    --zn-member-avatar-text: #FFFFFF;
    --zn-member-avatar-alternate-background: linear-gradient(145deg, rgba(255, 255, 255, 0.58), transparent 48%), var(--zn-member-secondary-accent-soft);
    --zn-member-avatar-alternate-border: var(--zn-member-secondary-accent-border);
    --zn-member-avatar-alternate-text: var(--zn-member-secondary-accent);
    --zn-member-conversation-active-background: #800020;
    --zn-member-conversation-active-border: #800020;
    --zn-member-conversation-active-text: #FFFFFF;
    --zn-member-conversation-active-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 10px 24px rgba(128, 0, 32, 0.12);
    --zn-member-conversation-hover-background: #CBCBCB;
    --zn-member-conversation-hover-border: #AEB9B2;
    --zn-member-conversation-marker-display: block;
    --zn-member-conversation-marker: var(--zn-member-secondary-accent);
    --zn-member-nav-active-text: #FFFFFF;
    --zn-member-bottom-nav-active-text: #800020;
    --zn-workspace-icon-background: linear-gradient(145deg, rgba(255, 255, 255, 0.2), transparent 44%), #800020;
    --zn-workspace-icon-border: var(--zn-member-secondary-accent-border);
    --zn-workspace-icon-text: #FFFFFF;
    --zn-workspace-folder-tab-background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent 42%), #800020;
    --zn-workspace-folder-background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent 42%), #800020;
    --zn-workspace-folder-border-width: 1px;
    --zn-workspace-folder-border: var(--zn-member-secondary-accent-border);
    --zn-workspace-folder-tab-shadow: inset 0 -2px 0 var(--zn-member-secondary-accent-soft);
    --zn-workspace-folder-shadow: none;
    --zn-workspace-folder-tab-opacity: 0.8;
    --zn-workspace-world-timer-icon-filter: none;
    --zn-workspace-tool-background: linear-gradient(145deg, rgba(255, 255, 255, 0.58), rgba(242, 242, 242, 0.72)), rgba(128, 0, 32, 0.05);
    --zn-workspace-tool-icon: #800020;
    --zn-workspace-tool-active-icon: #FFFFFF;
    --zn-workspace-tool-active-background: #800020;
    --zn-workspace-tool-active-border: #800020;
    --zn-workspace-tool-active-text: #FFFFFF;
    --zn-messaging-primary-control-background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), transparent 38%), #800020;
    --zn-messaging-primary-control-border: #800020;
    --zn-messaging-primary-control-text: #FFFFFF;
    --zn-messaging-secondary-control-background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), transparent 38%), #800020;
    --zn-messaging-secondary-control-border: #800020;
    --zn-messaging-secondary-control-text: #FFFFFF;
}

[data-theme-family="institutional-light"] {
    --zn-selected-surface-background: var(--zn-bg-surface);
    --zn-selected-surface-border: var(--zn-border);
    --zn-selected-surface-text: var(--zn-text-primary);
    --zn-selected-surface-icon: var(--zn-text-primary);
    --zn-selected-surface-outline-width: 3px;
    --zn-selected-surface-outline: var(--zn-accent);
    --zn-selected-surface-shadow: inset 0 0 0 var(--zn-selected-surface-outline-width) var(--zn-selected-surface-outline);
    --zn-filled-accent-background: var(--zn-accent);
    --zn-filled-accent-text: #FFFFFF;
    --zn-filled-accent-icon: #FFFFFF;

    --zn-member-selected-surface-background: var(--zn-member-bg-card);
    --zn-member-selected-surface-border: var(--zn-member-border);
    --zn-member-selected-surface-text: var(--zn-member-text-primary);
    --zn-member-selected-surface-icon: var(--zn-member-text-primary);
    --zn-member-selected-surface-outline-width: 3px;
    --zn-member-selected-surface-outline: var(--zn-member-accent);
    --zn-member-selected-surface-shadow: inset 0 0 0 var(--zn-member-selected-surface-outline-width) var(--zn-member-selected-surface-outline);
    --zn-member-filled-accent-background: var(--zn-member-primary);
    --zn-member-filled-accent-text: #FFFFFF;
    --zn-member-filled-accent-icon: #FFFFFF;

    --zn-member-conversation-active-background: var(--zn-member-selected-surface-background);
    --zn-member-conversation-active-border: var(--zn-member-selected-surface-border);
    --zn-member-conversation-active-text: var(--zn-member-selected-surface-text);
    --zn-member-conversation-active-shadow: var(--zn-member-selected-surface-shadow);
    --zn-member-conversation-marker-display: none;
    --zn-attachment-viewer-control-background: var(--zn-member-filled-accent-background);
    --zn-attachment-viewer-control-border: var(--zn-member-filled-accent-background);
    --zn-attachment-viewer-control-text: var(--zn-member-filled-accent-icon);
    --zn-attachment-viewer-control-hover-background: var(--zn-member-primary-hover);
    --zn-attachment-viewer-control-hover-border: var(--zn-member-primary-hover);
    --zn-attachment-viewer-control-hover-text: var(--zn-member-filled-accent-icon);
    --zn-attachment-action-modal-close-text: var(--zn-member-filled-accent-icon);
    --zn-message-dialog-background: var(--zn-bg-surface);
    --zn-message-dialog-border: var(--zn-border-strong);
    --zn-message-dialog-text: var(--zn-text-primary);
    --zn-message-dialog-muted-text: var(--zn-text-secondary);
    --meeting-selection-option-selected-bg: var(--zn-member-selected-surface-background);
    --meeting-selection-option-selected-text: var(--zn-member-selected-surface-text);
    --workspace-calendar-selection-option-selected-bg: var(--zn-member-selected-surface-background);
    --workspace-calendar-selection-option-selected-text: var(--zn-member-selected-surface-text);
}

[data-theme="cobalt-sky"],
[data-theme="tuscan-sunset"],
[data-theme="ink-wash"],
[data-theme="marine-blue"],
[data-theme="dovehouse-capital"] {
    color-scheme: light;

    --zn-color-scheme: light;
    --zn-bg-app-member: var(--zn-bg-app);
    --zn-bg-app-gradient-start: var(--zn-bg-app);
    --zn-bg-app-gradient-end: var(--zn-bg-app);
    --zn-bg-sidebar-alpha: color-mix(in srgb, var(--zn-bg-sidebar) 97%, transparent);
    --zn-bg-surface-elevated: var(--zn-bg-surface-muted);
    --zn-bg-panel: linear-gradient(180deg, var(--zn-bg-surface), var(--zn-bg-surface-muted));
    --zn-bg-surface-hover: rgba(26, 26, 26, 0.035);
    --zn-bg-surface-active: rgba(26, 26, 26, 0.055);
    --zn-bg-surface-faint: rgba(26, 26, 26, 0.02);
    --zn-bg-surface-raised: rgba(26, 26, 26, 0.03);
    --zn-surface-glint: rgba(255, 255, 255, 0.72);
    --zn-surface-glint-soft: rgba(255, 255, 255, 0.46);

    --zn-border-muted: var(--zn-border-soft);
    --zn-border-strong: var(--zn-border);

    --zn-text-inverse: #FFFFFF;

    --zn-accent-surface: var(--zn-accent-soft);
    --zn-accent-surface-strong: color-mix(in srgb, var(--zn-accent-soft) 84%, var(--zn-accent) 16%);
    --zn-accent-surface-lift: color-mix(in srgb, var(--zn-accent-soft) 92%, #FFFFFF 8%);
    --zn-accent-surface-muted: color-mix(in srgb, var(--zn-accent-soft) 72%, #FFFFFF 28%);
    --zn-accent-border: color-mix(in srgb, var(--zn-accent) 34%, var(--zn-border) 66%);
    --zn-accent-border-active: color-mix(in srgb, var(--zn-accent) 42%, var(--zn-border) 58%);
    --zn-accent-border-soft: color-mix(in srgb, var(--zn-accent) 24%, var(--zn-border-soft) 76%);
    --zn-accent-border-subtle: color-mix(in srgb, var(--zn-accent) 16%, var(--zn-border-soft) 84%);
    --zn-accent-border-focus: color-mix(in srgb, var(--zn-accent) 52%, var(--zn-border) 48%);
    --zn-accent-text: var(--zn-accent-hover);
    --zn-accent-text-muted: var(--zn-accent);
    --zn-accent-text-strong: var(--zn-accent-hover);
    --zn-accent-shadow: color-mix(in srgb, var(--zn-accent) 14%, transparent);

    --zn-success-soft-muted: color-mix(in srgb, var(--zn-success) 8%, transparent);
    --zn-success-soft: color-mix(in srgb, var(--zn-success) 12%, transparent);
    --zn-success-soft-strong: color-mix(in srgb, var(--zn-success) 16%, transparent);
    --zn-success-border: color-mix(in srgb, var(--zn-success) 30%, transparent);
    --zn-success-text: var(--zn-success);
    --zn-warning-soft-muted: color-mix(in srgb, var(--zn-warning) 8%, transparent);
    --zn-warning-soft: color-mix(in srgb, var(--zn-warning) 13%, transparent);
    --zn-warning-soft-strong: color-mix(in srgb, var(--zn-warning) 18%, transparent);
    --zn-warning-border: color-mix(in srgb, var(--zn-warning) 30%, transparent);
    --zn-warning-border-strong: color-mix(in srgb, var(--zn-warning) 40%, transparent);
    --zn-warning-text: #75591F;
    --zn-danger-soft: color-mix(in srgb, var(--zn-danger) 10%, transparent);
    --zn-danger-soft-strong: color-mix(in srgb, var(--zn-danger) 16%, transparent);
    --zn-danger-border: color-mix(in srgb, var(--zn-danger) 30%, transparent);
    --zn-danger-border-soft: color-mix(in srgb, var(--zn-danger) 26%, transparent);
    --zn-danger-border-strong: color-mix(in srgb, var(--zn-danger) 42%, transparent);
    --zn-danger-text: var(--zn-danger);
    --zn-danger-text-strong: color-mix(in srgb, var(--zn-danger) 78%, #000000 22%);
    --zn-danger-surface: color-mix(in srgb, var(--zn-danger) 10%, transparent);
    --zn-danger-surface-hover: color-mix(in srgb, var(--zn-danger) 15%, transparent);
    --zn-danger-shadow: color-mix(in srgb, var(--zn-danger) 8%, transparent);
    --zn-success-ring: color-mix(in srgb, var(--zn-success) 8%, transparent);
    --zn-warning-ring: color-mix(in srgb, var(--zn-warning) 8%, transparent);
    --zn-danger-ring: color-mix(in srgb, var(--zn-danger) 8%, transparent);

    --zn-shadow-soft: var(--zn-shadow);
    --zn-shadow-sidebar: var(--zn-shadow);

    --zn-scrollbar-track: color-mix(in srgb, var(--zn-border-soft) 42%, transparent);
    --zn-scrollbar-thumb: color-mix(in srgb, var(--zn-text-muted) 42%, transparent);
    --zn-scrollbar-thumb-hover: color-mix(in srgb, var(--zn-text-secondary) 54%, transparent);
    --zn-scrollbar-border: color-mix(in srgb, var(--zn-bg-app) 92%, transparent);
    --zn-scrollbar-fill-start: color-mix(in srgb, var(--zn-text-muted) 30%, transparent);
    --zn-scrollbar-fill-end: color-mix(in srgb, var(--zn-text-secondary) 24%, transparent);
    --zn-brand-surface-end: var(--zn-accent-soft);
    --zn-brand-border: var(--zn-accent-border);

    --zn-member-bg-app: var(--zn-bg-app);
    --zn-member-bg-shell: var(--zn-bg-sidebar);
    --zn-member-bg-pane: var(--zn-bg-surface);
    --zn-member-bg-card: color-mix(in srgb, var(--zn-bg-surface) 94%, transparent);
    --zn-member-bg-bubble-in: var(--zn-bg-surface);
    --zn-member-bg-bubble-out: var(--zn-accent-soft);
    --zn-member-border: var(--zn-border);
    --zn-member-border-soft: var(--zn-border-soft);
    --zn-member-border-strong: var(--zn-border);
    --zn-member-border-bright: var(--zn-border);
    --zn-member-border-muted: var(--zn-border-soft);
    --zn-member-text-primary: var(--zn-text-primary);
    --zn-member-text-secondary: var(--zn-text-secondary);
    --zn-member-text-muted: var(--zn-text-muted);
    --zn-member-text-link: var(--zn-accent-hover);
    --zn-member-danger-text: var(--zn-danger);
    --zn-member-danger-text-soft: var(--zn-danger);
    --zn-member-warning-text: var(--zn-warning-text);
    --zn-member-success-text: var(--zn-success);
    --zn-member-accent: var(--zn-accent);
    --zn-member-accent-soft: var(--zn-accent-soft);
    --zn-member-accent-surface: var(--zn-accent-soft);
    --zn-member-accent-surface-strong: var(--zn-accent-surface-strong);
    --zn-member-accent-border: var(--zn-accent-border);
    --zn-member-accent-border-muted: var(--zn-accent-border-soft);
    --zn-member-accent-border-strong: var(--zn-accent-border-focus);
    --zn-member-accent-text: var(--zn-accent-text);
    --zn-member-bg-surface-hover: var(--zn-bg-surface-hover);
    --zn-member-bg-surface-active: var(--zn-bg-surface-active);
    --zn-member-bg-surface-strong: rgba(26, 26, 26, 0.075);
    --zn-member-bg-surface-lift: var(--zn-bg-surface-raised);
    --zn-member-bg-surface-faint: var(--zn-bg-surface-faint);
    --zn-member-primary: var(--zn-accent);
    --zn-member-primary-hover: var(--zn-accent-hover);
    --zn-member-primary-text: #FFFFFF;
    --zn-member-shadow: var(--zn-shadow);
    --zn-member-scrollbar-track: var(--zn-scrollbar-track);
    --zn-member-scrollbar-thumb: var(--zn-scrollbar-thumb);
    --zn-member-scrollbar-thumb-hover: var(--zn-scrollbar-thumb-hover);
    --zn-member-scrollbar-border: var(--zn-scrollbar-border);
    --zn-member-scrollbar-fill-start: var(--zn-scrollbar-fill-start);
    --zn-member-scrollbar-fill-end: var(--zn-scrollbar-fill-end);
}

[data-theme="urban-loft"],
[data-theme="silver-dune"] {
    color-scheme: dark;

    --zn-color-scheme: dark;
    --zn-bg-app-member: var(--zn-bg-app);
    --zn-bg-app-gradient-start: color-mix(in srgb, var(--zn-bg-app) 96%, #FFFFFF 4%);
    --zn-bg-app-gradient-end: var(--zn-bg-app);
    --zn-bg-sidebar-alpha: color-mix(in srgb, var(--zn-bg-sidebar) 97%, transparent);
    --zn-bg-surface-elevated: color-mix(in srgb, var(--zn-bg-surface) 86%, #000000 14%);
    --zn-bg-panel: linear-gradient(180deg, var(--zn-bg-surface), color-mix(in srgb, var(--zn-bg-surface-muted) 80%, #000000 20%));
    --zn-bg-surface-hover: rgba(255, 255, 255, 0.04);
    --zn-bg-surface-active: rgba(255, 255, 255, 0.065);
    --zn-bg-surface-faint: rgba(255, 255, 255, 0.025);
    --zn-bg-surface-raised: rgba(255, 255, 255, 0.045);
    --zn-surface-glint: rgba(255, 255, 255, 0.08);
    --zn-surface-glint-soft: rgba(255, 255, 255, 0.04);

    --zn-border-muted: var(--zn-border-soft);
    --zn-border-strong: color-mix(in srgb, var(--zn-border) 70%, var(--zn-text-muted) 30%);

    --zn-text-inverse: #080A0B;

    --zn-accent-surface: var(--zn-accent-soft);
    --zn-accent-surface-strong: color-mix(in srgb, var(--zn-accent-soft) 74%, var(--zn-accent) 26%);
    --zn-accent-surface-lift: color-mix(in srgb, var(--zn-accent-soft) 80%, #FFFFFF 20%);
    --zn-accent-surface-muted: color-mix(in srgb, var(--zn-accent-soft) 80%, transparent);
    --zn-accent-border: color-mix(in srgb, var(--zn-accent) 42%, transparent);
    --zn-accent-border-active: color-mix(in srgb, var(--zn-accent) 50%, transparent);
    --zn-accent-border-soft: color-mix(in srgb, var(--zn-accent) 30%, transparent);
    --zn-accent-border-subtle: color-mix(in srgb, var(--zn-accent) 22%, transparent);
    --zn-accent-border-focus: color-mix(in srgb, var(--zn-accent) 60%, transparent);
    --zn-accent-text: color-mix(in srgb, var(--zn-accent-hover) 72%, #FFFFFF 28%);
    --zn-accent-text-muted: color-mix(in srgb, var(--zn-accent) 70%, #FFFFFF 30%);
    --zn-accent-text-strong: color-mix(in srgb, var(--zn-accent-hover) 62%, #FFFFFF 38%);
    --zn-accent-shadow: color-mix(in srgb, var(--zn-accent) 18%, transparent);

    --zn-success-soft-muted: color-mix(in srgb, var(--zn-success) 10%, transparent);
    --zn-success-soft: color-mix(in srgb, var(--zn-success) 13%, transparent);
    --zn-success-soft-strong: color-mix(in srgb, var(--zn-success) 18%, transparent);
    --zn-success-border: color-mix(in srgb, var(--zn-success) 34%, transparent);
    --zn-success-text: color-mix(in srgb, var(--zn-success) 62%, #FFFFFF 38%);
    --zn-warning-soft-muted: color-mix(in srgb, var(--zn-warning) 10%, transparent);
    --zn-warning-soft: color-mix(in srgb, var(--zn-warning) 14%, transparent);
    --zn-warning-soft-strong: color-mix(in srgb, var(--zn-warning) 20%, transparent);
    --zn-warning-border: color-mix(in srgb, var(--zn-warning) 34%, transparent);
    --zn-warning-border-strong: color-mix(in srgb, var(--zn-warning) 42%, transparent);
    --zn-warning-text: color-mix(in srgb, var(--zn-warning) 64%, #FFFFFF 36%);
    --zn-danger-soft: color-mix(in srgb, var(--zn-danger) 12%, transparent);
    --zn-danger-soft-strong: color-mix(in srgb, var(--zn-danger) 18%, transparent);
    --zn-danger-border: color-mix(in srgb, var(--zn-danger) 34%, transparent);
    --zn-danger-border-soft: color-mix(in srgb, var(--zn-danger) 28%, transparent);
    --zn-danger-border-strong: color-mix(in srgb, var(--zn-danger) 46%, transparent);
    --zn-danger-text: color-mix(in srgb, var(--zn-danger) 58%, #FFFFFF 42%);
    --zn-danger-text-strong: color-mix(in srgb, var(--zn-danger) 44%, #FFFFFF 56%);
    --zn-danger-surface: color-mix(in srgb, var(--zn-danger) 12%, transparent);
    --zn-danger-surface-hover: color-mix(in srgb, var(--zn-danger) 18%, transparent);
    --zn-danger-shadow: color-mix(in srgb, var(--zn-danger) 10%, transparent);
    --zn-success-ring: color-mix(in srgb, var(--zn-success) 9%, transparent);
    --zn-warning-ring: color-mix(in srgb, var(--zn-warning) 9%, transparent);
    --zn-danger-ring: color-mix(in srgb, var(--zn-danger) 9%, transparent);

    --zn-shadow-soft: var(--zn-shadow);
    --zn-shadow-sidebar: var(--zn-shadow);

    --zn-scrollbar-track: color-mix(in srgb, var(--zn-bg-app) 70%, transparent);
    --zn-scrollbar-thumb: color-mix(in srgb, var(--zn-text-muted) 44%, transparent);
    --zn-scrollbar-thumb-hover: color-mix(in srgb, var(--zn-text-secondary) 58%, transparent);
    --zn-scrollbar-border: color-mix(in srgb, var(--zn-bg-app) 92%, transparent);
    --zn-scrollbar-fill-start: color-mix(in srgb, var(--zn-text-muted) 36%, transparent);
    --zn-scrollbar-fill-end: color-mix(in srgb, var(--zn-text-secondary) 30%, transparent);
    --zn-brand-surface-end: var(--zn-accent-soft);
    --zn-brand-border: var(--zn-accent-border);

    --zn-member-bg-app: var(--zn-bg-app);
    --zn-member-bg-shell: var(--zn-bg-sidebar);
    --zn-member-bg-pane: var(--zn-bg-surface);
    --zn-member-bg-card: color-mix(in srgb, var(--zn-bg-surface) 94%, transparent);
    --zn-member-bg-bubble-in: var(--zn-bg-surface);
    --zn-member-bg-bubble-out: var(--zn-accent-soft);
    --zn-member-border: var(--zn-border);
    --zn-member-border-soft: var(--zn-border-soft);
    --zn-member-border-strong: var(--zn-border-strong);
    --zn-member-border-bright: var(--zn-border);
    --zn-member-border-muted: var(--zn-border-soft);
    --zn-member-text-primary: var(--zn-text-primary);
    --zn-member-text-secondary: var(--zn-text-secondary);
    --zn-member-text-muted: var(--zn-text-muted);
    --zn-member-text-link: var(--zn-accent-text);
    --zn-member-danger-text: var(--zn-danger-text);
    --zn-member-danger-text-soft: var(--zn-danger-text-strong);
    --zn-member-warning-text: var(--zn-warning-text);
    --zn-member-success-text: var(--zn-success-text);
    --zn-member-accent: var(--zn-accent);
    --zn-member-accent-soft: var(--zn-accent-soft);
    --zn-member-accent-surface: var(--zn-accent-soft);
    --zn-member-accent-surface-strong: var(--zn-accent-surface-strong);
    --zn-member-accent-border: var(--zn-accent-border);
    --zn-member-accent-border-muted: var(--zn-accent-border-soft);
    --zn-member-accent-border-strong: var(--zn-accent-border-focus);
    --zn-member-accent-text: var(--zn-accent-text);
    --zn-member-bg-surface-hover: var(--zn-bg-surface-hover);
    --zn-member-bg-surface-active: var(--zn-bg-surface-active);
    --zn-member-bg-surface-strong: rgba(255, 255, 255, 0.075);
    --zn-member-bg-surface-lift: var(--zn-bg-surface-raised);
    --zn-member-bg-surface-faint: var(--zn-bg-surface-faint);
    --zn-member-primary: var(--zn-accent);
    --zn-member-primary-hover: var(--zn-accent-hover);
    --zn-member-primary-text: var(--zn-text-inverse);
    --zn-member-shadow: var(--zn-shadow);
    --zn-member-scrollbar-track: var(--zn-scrollbar-track);
    --zn-member-scrollbar-thumb: var(--zn-scrollbar-thumb);
    --zn-member-scrollbar-thumb-hover: var(--zn-scrollbar-thumb-hover);
    --zn-member-scrollbar-border: var(--zn-scrollbar-border);
    --zn-member-scrollbar-fill-start: var(--zn-scrollbar-fill-start);
    --zn-member-scrollbar-fill-end: var(--zn-scrollbar-fill-end);
}

[data-theme="cobalt-sky"] {
    --zn-bg-app: #F3F7FB;
    --zn-bg-sidebar: #E6EEF7;
    --zn-bg-surface: #FFFFFF;
    --zn-bg-surface-muted: #EDF3F8;

    --zn-border: #B8CBE0;
    --zn-border-soft: #D8E4F0;

    --zn-text-primary: #0B1B33;
    --zn-text-secondary: #3F5368;
    --zn-text-muted: #6D8196;

    --zn-accent: #0047AB;
    --zn-accent-hover: #000080;
    --zn-accent-soft: #C8DAF2;
    --zn-accent-surface: color-mix(in srgb, var(--zn-accent) 18%, #FFFFFF 82%);
    --zn-accent-surface-strong: color-mix(in srgb, var(--zn-accent) 28%, #FFFFFF 72%);
    --zn-accent-surface-lift: color-mix(in srgb, var(--zn-accent) 20%, #FFFFFF 80%);
    --zn-accent-surface-muted: color-mix(in srgb, var(--zn-accent) 14%, #FFFFFF 86%);
    --zn-accent-border: color-mix(in srgb, var(--zn-accent) 54%, var(--zn-border) 46%);
    --zn-accent-border-active: color-mix(in srgb, var(--zn-accent) 62%, var(--zn-border) 38%);
    --zn-accent-border-soft: color-mix(in srgb, var(--zn-accent) 38%, var(--zn-border-soft) 62%);
    --zn-accent-border-subtle: color-mix(in srgb, var(--zn-accent) 28%, var(--zn-border-soft) 72%);
    --zn-accent-border-focus: color-mix(in srgb, var(--zn-accent) 72%, var(--zn-border) 28%);

    --zn-success: #2E8B57;
    --zn-warning: #D99A2B;
    --zn-danger: #C94A3A;

    --zn-shadow: 0 12px 32px rgba(0, 71, 171, 0.12);
}

[data-theme="tuscan-sunset"] {
    --zn-bg-app: #FFF5EC;
    --zn-bg-sidebar: #F6E4D4;
    --zn-bg-surface: #FFFFFF;
    --zn-bg-surface-muted: #FFE8D3;

    --zn-border: #E5C3AE;
    --zn-border-soft: #F1D8C8;

    --zn-text-primary: #2A1710;
    --zn-text-secondary: #6B4A3A;
    --zn-text-muted: #9988A1;

    --zn-accent: #E35336;
    --zn-accent-hover: #8A2B0E;
    --zn-accent-soft: #FFD3AC;

    --zn-success: #4F8A5B;
    --zn-warning: #D99A2B;
    --zn-danger: #B93224;

    --zn-shadow: 0 12px 32px rgba(138, 43, 14, 0.14);
}

[data-theme="ink-wash"] {
    --zn-bg-app: #F2F2EF;
    --zn-bg-sidebar: #E5E5E0;
    --zn-bg-surface: #FFFFFF;
    --zn-bg-surface-muted: #EEEEEA;

    --zn-border: #BEBEB8;
    --zn-border-soft: #DADAD4;

    --zn-text-primary: #1F1F1F;
    --zn-text-secondary: #4A4A4A;
    --zn-text-muted: #747474;

    --zn-accent: #4A4A4A;
    --zn-accent-hover: #2F2F2F;
    --zn-accent-soft: #D2D2CE;
    --zn-accent-surface-lift: color-mix(in srgb, var(--zn-accent-soft) 88%, #FFFFE3 12%);
    --zn-accent-surface-muted: color-mix(in srgb, var(--zn-accent-soft) 86%, #FFFFE3 14%);

    --zn-success: #3A7A5A;
    --zn-warning: #B8842C;
    --zn-danger: #B34A3A;

    --zn-shadow: 0 12px 32px rgba(74, 74, 74, 0.10);
}

[data-theme="urban-loft"],
[data-theme="silver-dune"] {
    --zn-bg-app: #0B0D0E;
    --zn-bg-sidebar: #101213;
    --zn-bg-surface: #151718;
    --zn-bg-surface-muted: #1B2021;

    --zn-border: #2E3534;
    --zn-border-soft: #1F2525;

    --zn-text-primary: #FFFFFF;
    --zn-text-secondary: #D8DCDD;
    --zn-text-muted: #9AA1A2;

    --zn-accent: #C5AD73;
    --zn-accent-hover: #D8C68F;
    --zn-accent-soft: rgba(197, 173, 115, 0.16);

    --zn-success: #7BAA8A;
    --zn-warning: #C5AD73;
    --zn-danger: #C9786E;

    --zn-shadow: 0 18px 48px rgba(0, 0, 0, 0.46);
}

[data-theme="marine-blue"],
[data-theme="dovehouse-capital"] {
    --zn-bg-app: #E5E7EB;
    --zn-bg-sidebar: #F8FAFC;
    --zn-bg-surface: #FFFFFF;
    --zn-bg-surface-muted: #EEF3F8;

    --zn-border: #CBD5E1;
    --zn-border-soft: #DDE5EE;

    --zn-text-primary: #182858;
    --zn-text-secondary: #384858;
    --zn-text-muted: #6B7A8F;

    --zn-accent: #182858;
    --zn-accent-hover: #0F1B42;
    --zn-accent-soft: #E2E7F1;
    --zn-secondary-accent: #35B8E7;
    --zn-secondary-accent-soft: #D8F2FB;
    --zn-secondary-accent-surface: #EAF8FD;
    --zn-secondary-accent-border: #8DD8F2;
    --zn-secondary-accent-text: #176D91;
    --zn-accent-border: #35B8E7;
    --zn-accent-border-active: #35B8E7;
    --zn-accent-border-soft: #8DD8F2;
    --zn-accent-border-subtle: #BCE9F8;
    --zn-accent-border-focus: #35B8E7;
    --zn-selected-surface-border: #35B8E7;
    --zn-selected-surface-outline: #35B8E7;

    --zn-success: #2E8B57;
    --zn-warning: #B9852C;
    --zn-danger: #B84A5A;

    --zn-shadow: 0 16px 42px rgba(16, 32, 80, 0.10);

    --zn-brand-surface-end: #D8F2FB;
    --zn-brand-border: #8DD8F2;
    --zn-filled-accent-background: #182858;
    --zn-filled-accent-text: #FFFFFF;
    --zn-filled-accent-icon: #FFFFFF;

    --zn-member-bg-bubble-out: #182858;
    --zn-member-accent: #182858;
    --zn-member-primary: #182858;
    --zn-member-primary-hover: #0F1B42;
    --zn-member-primary-text: #FFFFFF;
    --zn-member-secondary-accent: #35B8E7;
    --zn-member-secondary-accent-soft: #D8F2FB;
    --zn-member-secondary-accent-surface: #EAF8FD;
    --zn-member-secondary-accent-border: #8DD8F2;
    --zn-member-secondary-accent-text: #176D91;
    --zn-member-filled-accent-background: #182858;
    --zn-member-filled-accent-text: #FFFFFF;
    --zn-member-filled-accent-icon: #FFFFFF;
    --zn-member-selected-surface-border: #35B8E7;
    --zn-member-selected-surface-outline-width: 1px;
    --zn-member-selected-surface-outline: #35B8E7;
    --zn-member-sent-text: #FFFFFF;
    --zn-member-sent-meta-text: rgba(255, 255, 255, 0.74);
    --zn-member-sent-border: #182858;
    --zn-member-avatar-alternate-background: #D8F2FB;
    --zn-member-avatar-alternate-border: #8DD8F2;
    --zn-member-avatar-alternate-text: #176D91;
    --zn-member-conversation-marker-display: none;
    --zn-surface-switcher-background: #182858;
    --zn-surface-switcher-border: #182858;
    --zn-surface-switcher-icon: #FFFFFF;
    --zn-surface-switcher-active-background: #182858;
    --zn-surface-switcher-active-border: #35B8E7;
    --zn-surface-switcher-active-icon: #FFFFFF;
    --zn-mention-picker-option-active-background: #35B8E7;
    --zn-mention-picker-option-active-text: #182858;

    --zn-admin-primary-background: #182858;
    --zn-admin-primary-border: #182858;
    --zn-admin-primary-text: #FFFFFF;
    --zn-admin-primary-shadow: 0 8px 20px rgba(24, 40, 88, 0.18);
    --zn-admin-primary-hover-background: #0F1B42;
    --zn-admin-primary-hover-border: #0F1B42;
    --zn-admin-primary-disabled-background: #E2E7F1;
    --zn-admin-primary-disabled-border: #B7C0D3;
    --zn-admin-primary-disabled-text: #6B7A8F;

    --zn-workspace-icon-background: #182858;
    --zn-workspace-icon-border: #8DD8F2;
    --zn-workspace-icon-text: #FFFFFF;
    --zn-workspace-folder-icon-background: #182858;
    --zn-workspace-folder-icon-border: #35B8E7;
    --zn-workspace-folder-tab-background: #FFFFFF;
    --zn-workspace-folder-background: #FFFFFF;
    --zn-workspace-folder-border-width: 2px;
    --zn-workspace-folder-border: #35B8E7;
    --zn-workspace-folder-logo-image: url("../../icons/themes/dovehouse-capital/workspace-folder-mark.png");
    --zn-workspace-folder-tab-shadow: none;
    --zn-workspace-folder-shadow: none;
    --zn-workspace-tool-icon: #182858;
    --zn-workspace-tool-active-icon: #FFFFFF;
    --zn-workspace-tool-active-background: #182858;
    --zn-workspace-tool-active-border: #182858;
    --zn-workspace-tool-active-text: #FFFFFF;

    --zn-messaging-primary-control-background: #182858;
    --zn-messaging-primary-control-border: #182858;
    --zn-messaging-primary-control-text: #FFFFFF;
    --zn-messaging-secondary-control-background: #182858;
    --zn-messaging-secondary-control-border: #182858;
    --zn-messaging-secondary-control-text: #FFFFFF;
    --zn-mention-picker-background: #FFFFFF;
    --zn-mobile-backlink-background: #182858;
    --zn-mobile-backlink-border: #182858;
    --zn-mobile-backlink-text: #FFFFFF;
    --zn-direct-sent-bubble-background: #182858;
    --zn-direct-sent-bubble-border: #182858;
    --zn-direct-sent-bubble-text: #FFFFFF;
    --zn-direct-sent-bubble-meta-text: rgba(255, 255, 255, 0.76);
    --zn-direct-sent-reply-background: rgba(255, 255, 255, 0.10);
    --zn-direct-sent-reply-marker: #35B8E7;
    --zn-direct-sent-reply-label: #FFFFFF;
    --zn-direct-sent-reply-excerpt: rgba(255, 255, 255, 0.78);
    --zn-member-bottom-nav-icon: #182858;
    --zn-member-group-message-text: #000000;
    --zn-member-group-message-meta-text: rgba(0, 0, 0, 0.66);
    --zn-member-group-message-author-text: #000000;
    --zn-group-message-surface: #F3F6FA;
    --zn-group-message-sent-surface: #E7EDF5;
    --zn-group-message-tone-0: #35B8E7;
    --zn-group-message-tone-1: #8DD8F2;
    --zn-group-message-tone-2: #4F8FC0;
    --zn-group-message-tone-3: #6F86B3;
    --zn-group-message-tone-4: #7F93AA;
    --zn-group-message-tone-5: #A8B4C6;
    --zn-group-message-tone-6: #2E6F95;
    --zn-group-message-tone-7: #5B7096;
    --zn-group-message-tone-8: #91A5BC;
    --zn-group-message-tone-9: #C0C8D4;
}

[data-theme="dovehouse-capital"][data-appearance-mode="dark"] {
    color-scheme: dark;

    --zn-color-scheme: dark;
    --zn-bg-app: #000028;
    --zn-bg-app-member: #000028;
    --zn-bg-app-gradient-start: #000028;
    --zn-bg-app-gradient-end: #000028;
    --zn-bg-sidebar: #000028;
    --zn-bg-sidebar-alpha: #000028;
    --zn-bg-surface: #000028;
    --zn-bg-surface-elevated: #000028;
    --zn-bg-surface-muted: #000028;
    --zn-bg-panel: #000028;
    --zn-bg-surface-hover: rgba(255, 255, 255, 0.10);
    --zn-bg-surface-active: rgba(255, 255, 255, 0.16);
    --zn-bg-surface-faint: #000028;
    --zn-bg-surface-raised: #000028;

    --zn-border: rgba(255, 255, 255, 0.14);
    --zn-border-soft: rgba(255, 255, 255, 0.08);
    --zn-border-muted: rgba(255, 255, 255, 0.05);
    --zn-border-strong: #35B8E7;

    --zn-text-primary: #FFFFFF;
    --zn-text-secondary: #E1E8F4;
    --zn-text-muted: #B7C5DD;
    --zn-text-inverse: #000028;

    --zn-accent: #FFFFFF;
    --zn-accent-hover: #EAF8FD;
    --zn-accent-soft: rgba(255, 255, 255, 0.20);
    --zn-accent-surface: rgba(255, 255, 255, 0.14);
    --zn-accent-surface-strong: rgba(255, 255, 255, 0.22);
    --zn-accent-surface-lift: rgba(255, 255, 255, 0.28);
    --zn-accent-surface-muted: rgba(255, 255, 255, 0.09);
    --zn-accent-border: #35B8E7;
    --zn-accent-border-active: #35B8E7;
    --zn-accent-border-soft: rgba(53, 184, 231, 0.70);
    --zn-accent-border-subtle: rgba(53, 184, 231, 0.42);
    --zn-accent-border-focus: #35B8E7;
    --zn-accent-text: #FFFFFF;
    --zn-accent-text-muted: #D8F2FB;
    --zn-accent-text-strong: #FFFFFF;
    --zn-accent-shadow: rgba(53, 184, 231, 0.26);

    --zn-secondary-accent: #35B8E7;
    --zn-secondary-accent-soft: rgba(53, 184, 231, 0.22);
    --zn-secondary-accent-surface: rgba(53, 184, 231, 0.16);
    --zn-secondary-accent-border: #35B8E7;
    --zn-secondary-accent-text: #D8F2FB;

    --zn-selected-surface-background: #000028;
    --zn-selected-surface-border: #35B8E7;
    --zn-selected-surface-text: #FFFFFF;
    --zn-selected-surface-icon: #FFFFFF;
    --zn-selected-surface-outline: #35B8E7;
    --zn-filled-accent-background: #FFFFFF;
    --zn-filled-accent-text: #000028;
    --zn-filled-accent-icon: #000028;

    --zn-success: #58D895;
    --zn-success-text: #DFFFF0;
    --zn-warning: #F2C66D;
    --zn-warning-text: #FFF2D2;
    --zn-danger: #FF8294;
    --zn-danger-text: #FFE0E5;

    --zn-shadow: 0 18px 48px rgba(4, 10, 30, 0.42);
    --zn-shadow-soft: 0 0 0 1px rgba(53, 184, 231, 0.04), 0 18px 42px rgba(4, 10, 30, 0.34);
    --zn-shadow-sidebar: 24px 0 80px rgba(4, 10, 30, 0.40);

    --zn-brand-surface-end: rgba(53, 184, 231, 0.20);
    --zn-brand-border: #35B8E7;

    --zn-member-bg-app: #000028;
    --zn-member-shade-start: #000028;
    --zn-member-shade-mid: #000028;
    --zn-member-shade-end: #000028;
    --zn-member-bg-shell: #000028;
    --zn-member-bg-pane: #000028;
    --zn-member-bg-pane-shade: #000028;
    --zn-member-bg-card: #000028;
    --zn-member-bg-bubble-in: #20366F;
    --zn-member-bg-bubble-out: #FFFFFF;
    --zn-member-border: rgba(255, 255, 255, 0.12);
    --zn-member-border-soft: rgba(255, 255, 255, 0.07);
    --zn-member-border-strong: #35B8E7;
    --zn-member-border-bright: rgba(255, 255, 255, 0.22);
    --zn-member-border-muted: rgba(255, 255, 255, 0.05);
    --zn-member-text-primary: #FFFFFF;
    --zn-member-text-secondary: #E1E8F4;
    --zn-member-text-muted: #B7C5DD;
    --zn-member-text-link: #D8F2FB;
    --zn-member-danger-text: #FFB5C0;
    --zn-member-danger-text-soft: #FFE0E5;
    --zn-member-warning-text: #FFF2D2;
    --zn-member-success-text: #DFFFF0;
    --zn-member-accent: #FFFFFF;
    --zn-member-accent-soft: rgba(255, 255, 255, 0.20);
    --zn-member-accent-surface: rgba(255, 255, 255, 0.14);
    --zn-member-accent-surface-strong: rgba(255, 255, 255, 0.22);
    --zn-member-accent-border: #35B8E7;
    --zn-member-accent-border-muted: rgba(53, 184, 231, 0.62);
    --zn-member-accent-border-strong: #35B8E7;
    --zn-member-accent-text: #FFFFFF;
    --zn-member-bg-surface-hover: rgba(255, 255, 255, 0.10);
    --zn-member-bg-surface-active: rgba(255, 255, 255, 0.16);
    --zn-member-bg-surface-strong: #000028;
    --zn-member-bg-surface-lift: #000028;
    --zn-member-bg-surface-faint: #000028;
    --zn-member-bg-surface: #000028;
    --zn-member-bg-surface-muted: #000028;
    --zn-member-surface: #000028;
    --zn-member-primary: #FFFFFF;
    --zn-member-primary-hover: #EAF8FD;
    --zn-member-primary-text: #000028;
    --zn-member-secondary-accent: #35B8E7;
    --zn-member-secondary-accent-soft: rgba(53, 184, 231, 0.22);
    --zn-member-secondary-accent-surface: rgba(53, 184, 231, 0.16);
    --zn-member-secondary-accent-border: #35B8E7;
    --zn-member-secondary-accent-text: #D8F2FB;
    --zn-member-shadow: 0 22px 56px rgba(4, 10, 30, 0.42);

    --zn-member-selected-surface-background: #000028;
    --zn-member-selected-surface-border: #35B8E7;
    --zn-member-selected-surface-text: #FFFFFF;
    --zn-member-selected-surface-icon: #FFFFFF;
    --zn-member-selected-surface-outline-width: 1px;
    --zn-member-selected-surface-outline: #35B8E7;
    --zn-member-filled-accent-background: #FFFFFF;
    --zn-member-filled-accent-text: #000028;
    --zn-member-filled-accent-icon: #000028;

    --zn-admin-primary-background: #FFFFFF;
    --zn-admin-primary-border: #FFFFFF;
    --zn-admin-primary-text: #000028;
    --zn-admin-primary-hover-background: #EAF8FD;
    --zn-admin-primary-hover-border: #35B8E7;
    --zn-admin-primary-disabled-background: rgba(255, 255, 255, 0.28);
    --zn-admin-primary-disabled-border: rgba(255, 255, 255, 0.24);
    --zn-admin-primary-disabled-text: rgba(0, 0, 40, 0.60);

    --zn-member-sent-text: #000028;
    --zn-member-sent-meta-text: rgba(0, 0, 40, 0.72);
    --zn-member-sent-border: #FFFFFF;
    --zn-member-group-message-text: #FFFFFF;
    --zn-member-group-message-meta-text: rgba(255, 255, 255, 0.72);
    --zn-member-group-message-author-text: #FFFFFF;
    --zn-group-message-surface: #10183A;
    --zn-group-message-sent-surface: #182858;
    --zn-member-avatar-background: #FFFFFF;
    --zn-member-avatar-border: #35B8E7;
    --zn-member-avatar-text: #000028;
    --zn-member-avatar-alternate-background: #35B8E7;
    --zn-member-avatar-alternate-border: #D8F2FB;
    --zn-member-avatar-alternate-text: #000028;
    --zn-member-conversation-active-background: #000028;
    --zn-member-conversation-active-border: #35B8E7;
    --zn-member-conversation-active-text: #FFFFFF;
    --zn-member-nav-active-text: #FFFFFF;
    --zn-member-bottom-nav-active-text: #FFFFFF;
    --zn-member-bottom-nav-icon: #FFFFFF;

    --zn-surface-switcher-background: #FFFFFF;
    --zn-surface-switcher-border: #FFFFFF;
    --zn-surface-switcher-icon: #000028;
    --zn-surface-switcher-active-background: #35B8E7;
    --zn-surface-switcher-active-border: #35B8E7;
    --zn-surface-switcher-active-icon: #000028;

    --zn-workspace-icon-background: #FFFFFF;
    --zn-workspace-icon-border: #35B8E7;
    --zn-workspace-icon-text: #000028;
    --zn-workspace-folder-icon-background: #35B8E7;
    --zn-workspace-folder-icon-border: #35B8E7;
    --zn-workspace-folder-tab-background: #FFFFFF;
    --zn-workspace-folder-background: #FFFFFF;
    --zn-workspace-folder-border: #35B8E7;
    --zn-workspace-folder-logo-image: url("../../icons/themes/dovehouse-capital/workspace-folder-mark.png");
    --zn-workspace-tool-icon: #FFFFFF;
    --zn-workspace-tool-active-icon: #000028;
    --zn-workspace-tool-active-background: #FFFFFF;
    --zn-workspace-tool-active-border: #35B8E7;
    --zn-workspace-tool-active-text: #000028;
    --zn-workspace-tool-background: #000028;
    --zn-workspace-panel-background: #000028;
    --zn-workspace-toolbar-background: #000028;
    --zn-workspace-section-background: #000028;
    --zn-workspace-item-background: #000028;

    --zn-messaging-primary-control-background: #FFFFFF;
    --zn-messaging-primary-control-border: #FFFFFF;
    --zn-messaging-primary-control-text: #000028;
    --zn-messaging-secondary-control-background: #FFFFFF;
    --zn-messaging-secondary-control-border: #FFFFFF;
    --zn-messaging-secondary-control-text: #000028;
    --zn-mention-picker-background: #000028;
    --zn-mention-picker-name-text: #FFFFFF;
    --zn-mention-picker-option-active-background: #35B8E7;
    --zn-mention-picker-option-active-text: #000028;
    --zn-mobile-backlink-background: #FFFFFF;
    --zn-mobile-backlink-border: #FFFFFF;
    --zn-mobile-backlink-text: #000028;
    --zn-direct-sent-bubble-background: #FFFFFF;
    --zn-direct-sent-bubble-border: #FFFFFF;
    --zn-direct-sent-bubble-text: #000028;
    --zn-direct-sent-bubble-meta-text: rgba(0, 0, 40, 0.72);
    --zn-direct-sent-reply-background: rgba(0, 0, 40, 0.10);
    --zn-direct-sent-reply-marker: #35B8E7;
    --zn-direct-sent-reply-label: #000028;
    --zn-direct-sent-reply-excerpt: rgba(0, 0, 40, 0.76);
    --zn-messaging-chat-surface-background: #000028;
    --zn-messaging-chat-chrome-background: #000028;
    --zn-messaging-hub-background: #000028;
    --zn-messaging-hub-compact-background: #000028;
    --zn-messaging-switcher-border: #FFFFFF;
    --zn-messaging-switcher-background: #FFFFFF;
    --zn-messaging-switcher-active-border: #35B8E7;
    --zn-messaging-switcher-active-background: #35B8E7;
    --zn-messaging-search-border: rgba(255, 255, 255, 0.30);
    --zn-messaging-search-background: #000028;
    --zn-messaging-create-border: #FFFFFF;
    --zn-messaging-create-background: #FFFFFF;
    --zn-messaging-recent-border: rgba(255, 255, 255, 0.18);
    --zn-messaging-recent-compact-border: rgba(255, 255, 255, 0.16);
    --zn-messaging-recent-background: #000028;
    --zn-messaging-recent-active-border: #35B8E7;
    --zn-messaging-recent-active-background: rgba(53, 184, 231, 0.16);
    --zn-messaging-contacts-border: rgba(255, 255, 255, 0.18);
    --zn-messaging-contacts-background: #000028;
    --zn-messaging-contact-border: rgba(255, 255, 255, 0.14);
    --zn-messaging-contact-hover-background: rgba(255, 255, 255, 0.10);
}

[data-theme="tuscan-sunset"] {
    --zn-bg-app: #D6BE8A;
    --zn-bg-app-member: #D6BE8A;
    --zn-bg-app-gradient-start: #F7F1E3;
    --zn-bg-app-gradient-end: #D6BE8A;
    --zn-bg-sidebar: #EAD9B8;
    --zn-bg-sidebar-alpha: rgba(234, 217, 184, 0.92);
    --zn-bg-surface: #FFFEFA;
    --zn-bg-surface-elevated: rgba(255, 254, 250, 0.96);
    --zn-bg-surface-muted: #F3E4C4;
    --zn-bg-panel: linear-gradient(180deg, rgba(255, 254, 250, 0.98), rgba(243, 228, 196, 0.88));
    --zn-bg-surface-hover: rgba(30, 27, 22, 0.05);
    --zn-bg-surface-active: rgba(30, 27, 22, 0.08);
    --zn-bg-surface-faint: rgba(30, 27, 22, 0.025);
    --zn-bg-surface-raised: rgba(255, 254, 250, 0.76);
    --zn-surface-glint: rgba(255, 255, 255, 0.82);
    --zn-surface-glint-soft: rgba(255, 255, 255, 0.54);

    --zn-border: rgba(151, 126, 78, 0.36);
    --zn-border-soft: rgba(151, 126, 78, 0.2);
    --zn-border-muted: rgba(30, 27, 22, 0.1);
    --zn-border-strong: rgba(151, 126, 78, 0.48);

    --zn-text-primary: #1E1B16;
    --zn-text-secondary: #413B31;
    --zn-text-muted: #746B5D;

    --zn-accent: #1E1B16;
    --zn-accent-hover: #000000;
    --zn-accent-soft: #EAD9B8;
    --zn-accent-surface: rgba(30, 27, 22, 0.08);
    --zn-accent-surface-strong: rgba(30, 27, 22, 0.13);
    --zn-accent-surface-lift: rgba(214, 190, 138, 0.28);
    --zn-accent-surface-muted: rgba(30, 27, 22, 0.045);
    --zn-accent-border: rgba(30, 27, 22, 0.28);
    --zn-accent-border-active: rgba(30, 27, 22, 0.4);
    --zn-accent-border-soft: rgba(30, 27, 22, 0.16);
    --zn-accent-border-subtle: rgba(30, 27, 22, 0.1);
    --zn-accent-border-focus: rgba(30, 27, 22, 0.42);
    --zn-accent-text: #1E1B16;
    --zn-accent-text-muted: #413B31;
    --zn-accent-text-strong: #000000;
    --zn-accent-shadow: rgba(30, 27, 22, 0.12);

    --zn-success: #6F5A2D;
    --zn-warning: #9C742D;
    --zn-danger: #A94F43;

    --zn-shadow: 0 18px 48px rgba(62, 52, 34, 0.14);
    --zn-shadow-soft: 0 0 0 1px rgba(170, 123, 45, 0.08), 0 18px 44px rgba(62, 52, 34, 0.12);
    --zn-shadow-sidebar: 24px 0 80px rgba(62, 52, 34, 0.14);

    --zn-scrollbar-track: rgba(230, 212, 176, 0.42);
    --zn-scrollbar-thumb: rgba(130, 103, 51, 0.36);
    --zn-scrollbar-thumb-hover: rgba(97, 78, 42, 0.54);
    --zn-scrollbar-border: rgba(247, 241, 227, 0.8);
    --zn-scrollbar-fill-start: rgba(214, 190, 138, 0.34);
    --zn-scrollbar-fill-end: rgba(30, 27, 22, 0.26);
    --zn-brand-surface-end: rgba(214, 190, 138, 0.16);
    --zn-brand-border: rgba(30, 27, 22, 0.22);

    --zn-member-bg-app: #D6BE8A;
    --zn-member-shade-start: rgba(255, 254, 250, 0.86);
    --zn-member-shade-mid: rgba(247, 241, 227, 0.62);
    --zn-member-shade-end: rgba(214, 190, 138, 0.72);
    --zn-member-bg-shell: rgba(255, 254, 250, 0.92);
    --zn-member-bg-pane: #FFFEFA;
    --zn-member-bg-pane-shade: linear-gradient(180deg, #FFFEFA 0%, #F8EFD9 62%, #F0DDB4 100%);
    --zn-member-bg-card: rgba(255, 254, 250, 0.95);
    --zn-member-bg-bubble-in: #F7F1E3;
    --zn-member-bg-bubble-out: #ECD4A2;
    --zn-member-border: rgba(151, 126, 78, 0.26);
    --zn-member-border-soft: rgba(151, 126, 78, 0.18);
    --zn-member-border-strong: rgba(151, 126, 78, 0.36);
    --zn-member-border-bright: rgba(255, 255, 255, 0.7);
    --zn-member-border-muted: rgba(30, 27, 22, 0.1);
    --zn-member-text-primary: #1E1B16;
    --zn-member-text-secondary: #413B31;
    --zn-member-text-muted: #746B5D;
    --zn-member-text-link: #1E1B16;
    --zn-member-accent: #1E1B16;
    --zn-member-accent-soft: rgba(30, 27, 22, 0.08);
    --zn-member-accent-surface: rgba(30, 27, 22, 0.07);
    --zn-member-accent-surface-strong: rgba(30, 27, 22, 0.12);
    --zn-member-accent-border: rgba(30, 27, 22, 0.22);
    --zn-member-accent-border-muted: rgba(151, 126, 78, 0.2);
    --zn-member-accent-border-strong: rgba(30, 27, 22, 0.32);
    --zn-member-accent-text: #1E1B16;
    --zn-member-bg-surface-hover: rgba(30, 27, 22, 0.045);
    --zn-member-bg-surface-active: rgba(30, 27, 22, 0.075);
    --zn-member-bg-surface-strong: rgba(30, 27, 22, 0.06);
    --zn-member-bg-surface-lift: rgba(255, 255, 255, 0.52);
    --zn-member-bg-surface-faint: rgba(30, 27, 22, 0.025);
    --zn-member-primary: #1E1B16;
    --zn-member-primary-hover: #000000;
    --zn-member-primary-text: #FFFFFF;
    --zn-member-shadow: 0 24px 60px rgba(62, 52, 34, 0.14);
}

[data-theme="sandy-clay"],
[data-theme="moonlight-silver"],
[data-theme="shepherds-consulting"] {
    color-scheme: dark;

    --zn-color-scheme: dark;
    --zn-bg-app: #1B1D1F;
    --zn-bg-app-member: #1B1D1F;
    --zn-bg-app-gradient-start: #1B1D1F;
    --zn-bg-app-gradient-end: #1B1D1F;
    --zn-bg-sidebar: #1B1D1F;
    --zn-bg-sidebar-alpha: #1B1D1F;
    --zn-bg-surface: #1B1D1F;
    --zn-bg-surface-elevated: #1B1D1F;
    --zn-bg-surface-muted: #1B1D1F;
    --zn-bg-panel: #1B1D1F;
    --zn-bg-surface-hover: rgba(212, 170, 125, 0.12);
    --zn-bg-surface-active: rgba(212, 170, 125, 0.2);
    --zn-bg-surface-faint: #1B1D1F;
    --zn-bg-surface-raised: #1B1D1F;
    --zn-surface-glint: rgba(255, 255, 255, 0.08);
    --zn-surface-glint-soft: rgba(255, 255, 255, 0.04);

    --zn-border: rgba(212, 170, 125, 0.34);
    --zn-border-soft: rgba(212, 170, 125, 0.2);
    --zn-border-muted: rgba(250, 246, 241, 0.08);
    --zn-border-strong: rgba(212, 170, 125, 0.52);

    --zn-text-primary: #FAF6F1;
    --zn-text-secondary: #D9CEC2;
    --zn-text-muted: #A99C8E;
    --zn-text-inverse: #1B1D1F;

    --zn-accent: #D4AA7D;
    --zn-accent-hover: #E2BC93;
    --zn-accent-soft: rgba(212, 170, 125, 0.24);
    --zn-accent-surface: rgba(212, 170, 125, 0.18);
    --zn-accent-surface-strong: rgba(212, 170, 125, 0.28);
    --zn-accent-surface-lift: rgba(212, 170, 125, 0.34);
    --zn-accent-surface-muted: rgba(212, 170, 125, 0.11);
    --zn-accent-border: rgba(212, 170, 125, 0.58);
    --zn-accent-border-active: rgba(226, 188, 147, 0.74);
    --zn-accent-border-soft: rgba(212, 170, 125, 0.42);
    --zn-accent-border-subtle: rgba(212, 170, 125, 0.28);
    --zn-accent-border-focus: rgba(226, 188, 147, 0.78);
    --zn-accent-text: #D4AA7D;
    --zn-accent-text-muted: #C9A27A;
    --zn-accent-text-strong: #E8C9A8;
    --zn-accent-shadow: rgba(212, 170, 125, 0.18);

    --zn-selected-surface-background: #1B1D1F;
    --zn-selected-surface-border: #D4AA7D;
    --zn-selected-surface-text: #FAF6F1;
    --zn-selected-surface-icon: #D4AA7D;
    --zn-selected-surface-outline: #D4AA7D;
    --zn-filled-accent-background: #D4AA7D;
    --zn-filled-accent-text: #1B1D1F;
    --zn-filled-accent-icon: #1B1D1F;

    --zn-success: #77B58D;
    --zn-success-text: #DFF6E7;
    --zn-warning: #D4AA7D;
    --zn-warning-text: #F4D7B7;
    --zn-danger: #DC7A70;
    --zn-danger-text: #FFD9D4;

    --zn-shadow: 0 20px 52px rgba(0, 0, 0, 0.4);
    --zn-shadow-soft: 0 0 0 1px rgba(212, 170, 125, 0.08), 0 18px 42px rgba(0, 0, 0, 0.3);
    --zn-shadow-sidebar: 24px 0 80px rgba(0, 0, 0, 0.34);

    --zn-scrollbar-track: rgba(255, 255, 255, 0.035);
    --zn-scrollbar-thumb: rgba(212, 170, 125, 0.34);
    --zn-scrollbar-thumb-hover: rgba(212, 170, 125, 0.54);
    --zn-scrollbar-border: rgba(27, 29, 31, 0.94);
    --zn-scrollbar-fill-start: rgba(226, 188, 147, 0.46);
    --zn-scrollbar-fill-end: rgba(212, 170, 125, 0.28);
    --zn-brand-surface-end: rgba(212, 170, 125, 0.24);
    --zn-brand-border: rgba(212, 170, 125, 0.54);

    --zn-member-bg-app: #1B1D1F;
    --zn-member-shade-start: #1B1D1F;
    --zn-member-shade-mid: #1B1D1F;
    --zn-member-shade-end: #1B1D1F;
    --zn-member-bg-shell: #1B1D1F;
    --zn-member-bg-pane: #1B1D1F;
    --zn-member-bg-pane-shade: #1B1D1F;
    --zn-member-bg-card: #1B1D1F;
    --zn-member-bg-bubble-in: #1B1D1F;
    --zn-member-bg-bubble-out: #D4AA7D;
    --zn-member-border: rgba(212, 170, 125, 0.32);
    --zn-member-border-soft: rgba(212, 170, 125, 0.18);
    --zn-member-border-strong: rgba(212, 170, 125, 0.5);
    --zn-member-border-bright: rgba(250, 246, 241, 0.18);
    --zn-member-border-muted: rgba(250, 246, 241, 0.07);
    --zn-member-text-primary: #FAF6F1;
    --zn-member-text-secondary: #D9CEC2;
    --zn-member-text-muted: #A99C8E;
    --zn-member-text-link: #E2BC93;
    --zn-member-danger-text: #FFBEB7;
    --zn-member-danger-text-soft: #FFD9D4;
    --zn-member-warning-text: #F4D7B7;
    --zn-member-success-text: #DFF6E7;
    --zn-member-accent: #D4AA7D;
    --zn-member-accent-soft: rgba(212, 170, 125, 0.24);
    --zn-member-accent-surface: rgba(212, 170, 125, 0.18);
    --zn-member-accent-surface-strong: rgba(212, 170, 125, 0.28);
    --zn-member-accent-border: rgba(212, 170, 125, 0.58);
    --zn-member-accent-border-muted: rgba(212, 170, 125, 0.34);
    --zn-member-accent-border-strong: rgba(226, 188, 147, 0.72);
    --zn-member-accent-text: #D4AA7D;
    --zn-member-bg-surface-hover: rgba(212, 170, 125, 0.12);
    --zn-member-bg-surface-active: rgba(212, 170, 125, 0.2);
    --zn-member-bg-surface-strong: #1B1D1F;
    --zn-member-bg-surface-lift: #1B1D1F;
    --zn-member-bg-surface-faint: #1B1D1F;
    --zn-member-bg-surface: #1B1D1F;
    --zn-member-bg-surface-muted: #1B1D1F;
    --zn-member-surface: #1B1D1F;
    --zn-member-primary: #D4AA7D;
    --zn-member-primary-hover: #E2BC93;
    --zn-member-primary-text: #1B1D1F;
    --zn-member-shadow: 0 26px 64px rgba(0, 0, 0, 0.42);
    --zn-member-scrollbar-track: rgba(255, 255, 255, 0.03);
    --zn-member-scrollbar-thumb: rgba(212, 170, 125, 0.32);
    --zn-member-scrollbar-thumb-hover: rgba(212, 170, 125, 0.52);
    --zn-member-scrollbar-border: rgba(27, 29, 31, 0.94);
    --zn-member-scrollbar-fill-start: rgba(226, 188, 147, 0.44);
    --zn-member-scrollbar-fill-end: rgba(212, 170, 125, 0.26);

    --zn-member-selected-surface-background: #1B1D1F;
    --zn-member-selected-surface-border: #D4AA7D;
    --zn-member-selected-surface-text: #FAF6F1;
    --zn-member-selected-surface-icon: #D4AA7D;
    --zn-member-selected-surface-outline: #D4AA7D;
    --zn-member-filled-accent-background: #D4AA7D;
    --zn-member-filled-accent-text: #1B1D1F;
    --zn-member-filled-accent-icon: #1B1D1F;

    --zn-admin-primary-background: #D4AA7D;
    --zn-admin-primary-border: #D4AA7D;
    --zn-admin-primary-text: #1B1D1F;
    --zn-admin-primary-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), 0 8px 22px rgba(0, 0, 0, 0.22);
    --zn-admin-primary-hover-background: #E2BC93;
    --zn-admin-primary-hover-border: #E2BC93;

    --zn-member-sent-text: #1B1D1F;
    --zn-member-sent-meta-text: rgba(27, 29, 31, 0.72);
    --zn-member-sent-border: #D4AA7D;
    --zn-member-avatar-background: #D4AA7D;
    --zn-member-avatar-border-width: 1px;
    --zn-member-avatar-border: rgba(226, 188, 147, 0.46);
    --zn-member-avatar-text: #1B1D1F;
    --zn-member-conversation-active-background: #1B1D1F;
    --zn-member-conversation-active-border: #D4AA7D;
    --zn-member-conversation-active-text: #FAF6F1;
    --zn-member-nav-active-text: #D4AA7D;
    --zn-member-bottom-nav-active-text: #D4AA7D;
    --zn-workspace-icon-background: #D4AA7D;
    --zn-workspace-icon-border: #D4AA7D;
    --zn-workspace-icon-text: #1B1D1F;
    --zn-workspace-tool-icon: #D4AA7D;
    --zn-workspace-tool-active-icon: #1B1D1F;
    --zn-workspace-tool-active-background: #D4AA7D;
    --zn-workspace-tool-active-border: #D4AA7D;
    --zn-workspace-tool-active-text: #1B1D1F;
    --zn-workspace-tool-background: #1B1D1F;
    --zn-workspace-panel-background: #1B1D1F;
    --zn-workspace-toolbar-background: #1B1D1F;
    --zn-workspace-section-background: #1B1D1F;
    --zn-workspace-item-background: #1B1D1F;
    --zn-workspace-item-hover-background: rgba(212, 170, 125, 0.1);
    --zn-workspace-item-selected-background: rgba(212, 170, 125, 0.16);
    --zn-messaging-primary-control-background: #D4AA7D;
    --zn-messaging-primary-control-border: #D4AA7D;
    --zn-messaging-primary-control-text: #1B1D1F;
    --zn-messaging-secondary-control-background: rgba(212, 170, 125, 0.22);
    --zn-messaging-secondary-control-border: rgba(212, 170, 125, 0.54);
    --zn-messaging-secondary-control-text: #D4AA7D;
    --zn-message-create-group-icon: #FFFFFF;
    --zn-mention-picker-name-text: #FFFFFF;

    --zn-messaging-chat-surface-background: #1B1D1F;
    --zn-messaging-chat-chrome-background: rgba(27, 29, 31, 0.88);
    --zn-messaging-hub-background: #1B1D1F;
    --zn-messaging-hub-compact-background: #1B1D1F;
    --zn-messaging-home-header-background: transparent;
    --zn-messaging-switcher-border: rgba(212, 170, 125, 0.24);
    --zn-messaging-switcher-background: #1B1D1F;
    --zn-messaging-switcher-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 10px 22px rgba(0, 0, 0, 0.2);
    --zn-messaging-switcher-active-border: rgba(212, 170, 125, 0.46);
    --zn-messaging-switcher-active-background: rgba(212, 170, 125, 0.14);
    --zn-messaging-switcher-active-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 14px 28px rgba(0, 0, 0, 0.24);
    --zn-messaging-search-border: rgba(212, 170, 125, 0.22);
    --zn-messaging-search-background: #1B1D1F;
    --zn-messaging-search-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 10px 24px rgba(0, 0, 0, 0.18);
    --zn-messaging-create-border: rgba(212, 170, 125, 0.28);
    --zn-messaging-create-background: #1B1D1F;
    --zn-messaging-create-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 10px 22px rgba(0, 0, 0, 0.2);
    --zn-messaging-recent-border: rgba(212, 170, 125, 0.16);
    --zn-messaging-recent-compact-border: rgba(212, 170, 125, 0.14);
    --zn-messaging-recent-background: #1B1D1F;
    --zn-messaging-recent-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        0 12px 28px rgba(0, 0, 0, 0.18);
    --zn-messaging-recent-active-border: rgba(212, 170, 125, 0.34);
    --zn-messaging-recent-active-background: rgba(212, 170, 125, 0.14);
    --zn-messaging-recent-active-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 16px 32px rgba(0, 0, 0, 0.22);
    --zn-messaging-contacts-border: rgba(212, 170, 125, 0.18);
    --zn-messaging-contacts-background: #1B1D1F;
    --zn-messaging-contacts-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 14px 30px rgba(0, 0, 0, 0.2);
    --zn-messaging-contact-border: rgba(212, 170, 125, 0.14);
    --zn-messaging-contact-hover-background: rgba(212, 170, 125, 0.1);
    --zn-messaging-avatar-border: rgba(212, 170, 125, 0.38);
    --zn-messaging-avatar-background: #D4AA7D;
    --zn-messaging-avatar-color: #1B1D1F;
    --zn-messaging-avatar-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 10px 20px rgba(0, 0, 0, 0.22);
    --zn-messaging-avatar-1-background: #D4AA7D;
    --zn-messaging-avatar-1-color: #1B1D1F;
    --zn-messaging-avatar-2-background: #C18E5B;
    --zn-messaging-avatar-2-color: #1B1D1F;
    --zn-messaging-avatar-3-background: #E2BC93;
    --zn-messaging-avatar-3-color: #1B1D1F;
}

[data-theme="sandy-clay"],
[data-theme="shepherds-consulting"] {
    --zn-surface-switcher-background: #D4AA7D;
    --zn-surface-switcher-border: #D4AA7D;
    --zn-surface-switcher-icon: #1B1D1F;
    --zn-surface-switcher-active-background: #1B1D1F;
    --zn-surface-switcher-active-border: #D4AA7D;
    --zn-surface-switcher-active-icon: #FFFFFF;
    --zn-messaging-switcher-background: #D4AA7D;
    --zn-messaging-switcher-border: #D4AA7D;
    --zn-messaging-switcher-active-background: #1B1D1F;
    --zn-messaging-switcher-active-border: #D4AA7D;
}

[data-theme="moonlight-silver"] {
    --zn-bg-app: #121212;
    --zn-bg-app-member: #121212;
    --zn-bg-app-gradient-start: #121212;
    --zn-bg-app-gradient-end: #121212;
    --zn-bg-sidebar: #121212;
    --zn-bg-sidebar-alpha: #121212;
    --zn-bg-surface: #121212;
    --zn-bg-surface-elevated: #121212;
    --zn-bg-surface-muted: #121212;
    --zn-bg-panel: #121212;
    --zn-bg-surface-hover: rgba(131, 131, 131, 0.14);
    --zn-bg-surface-active: rgba(131, 131, 131, 0.22);
    --zn-bg-surface-faint: #121212;
    --zn-bg-surface-raised: #121212;

    --zn-border: #343434;
    --zn-border-soft: #292929;
    --zn-border-muted: #242424;
    --zn-border-strong: #484848;

    --zn-text-primary: #F5F5F5;
    --zn-text-secondary: #D5D5D5;
    --zn-text-muted: #A7A7A7;
    --zn-text-inverse: #121212;

    --zn-accent: #838383;
    --zn-accent-hover: #A0A0A0;
    --zn-accent-soft: rgba(131, 131, 131, 0.26);
    --zn-accent-surface: rgba(131, 131, 131, 0.20);
    --zn-accent-surface-strong: rgba(131, 131, 131, 0.32);
    --zn-accent-surface-lift: rgba(131, 131, 131, 0.38);
    --zn-accent-surface-muted: rgba(131, 131, 131, 0.13);
    --zn-accent-border: #484848;
    --zn-accent-border-active: #355E3B;
    --zn-accent-border-soft: #3C3C3C;
    --zn-accent-border-subtle: #303030;
    --zn-accent-border-focus: #355E3B;
    --zn-accent-text: #B4B4B4;
    --zn-accent-text-muted: #9A9A9A;
    --zn-accent-text-strong: #D0D0D0;
    --zn-accent-shadow: rgba(53, 94, 59, 0.24);
    --zn-secondary-accent: #355E3B;
    --zn-secondary-accent-soft: rgba(53, 94, 59, 0.22);
    --zn-secondary-accent-surface: rgba(53, 94, 59, 0.16);
    --zn-secondary-accent-border: #355E3B;
    --zn-secondary-accent-text: #8FB897;

    --zn-selected-surface-background: #121212;
    --zn-selected-surface-border: #355E3B;
    --zn-selected-surface-text: #F5F5F5;
    --zn-selected-surface-icon: #838383;
    --zn-selected-surface-outline-width: 1px;
    --zn-selected-surface-outline: #355E3B;
    --zn-filled-accent-background: #838383;
    --zn-filled-accent-text: #121212;
    --zn-filled-accent-icon: #121212;

    --zn-warning: #838383;
    --zn-warning-text: #E2E2E2;
    --zn-danger: #D65A6F;
    --zn-danger-text: #FFCBD1;
    --zn-shadow-soft: 0 0 0 1px rgba(53, 94, 59, 0.12), 0 18px 42px rgba(0, 0, 0, 0.38);

    --zn-scrollbar-thumb: rgba(131, 131, 131, 0.42);
    --zn-scrollbar-thumb-hover: rgba(131, 131, 131, 0.64);
    --zn-scrollbar-border: rgba(18, 18, 18, 0.96);
    --zn-scrollbar-fill-start: rgba(53, 94, 59, 0.54);
    --zn-scrollbar-fill-end: rgba(131, 131, 131, 0.32);
    --zn-brand-surface-end: rgba(131, 131, 131, 0.22);
    --zn-brand-border: #355E3B;

    --zn-member-bg-app: #121212;
    --zn-member-shade-start: #121212;
    --zn-member-shade-mid: #121212;
    --zn-member-shade-end: #121212;
    --zn-member-bg-shell: #121212;
    --zn-member-bg-pane: #121212;
    --zn-member-bg-pane-shade: #121212;
    --zn-member-bg-card: #121212;
    --zn-member-bg-bubble-in: #121212;
    --zn-member-bg-bubble-out: #838383;
    --zn-member-border: #343434;
    --zn-member-border-soft: #292929;
    --zn-member-border-strong: #484848;
    --zn-member-border-bright: rgba(245, 245, 245, 0.20);
    --zn-member-border-muted: rgba(245, 245, 245, 0.08);
    --zn-member-text-primary: #F5F5F5;
    --zn-member-text-secondary: #D5D5D5;
    --zn-member-text-muted: #A7A7A7;
    --zn-member-text-link: #C2C2C2;
    --zn-member-danger-text: #FF9AA6;
    --zn-member-danger-text-soft: #FFCBD1;
    --zn-member-warning-text: #E2E2E2;
    --zn-member-accent: #838383;
    --zn-member-accent-soft: rgba(131, 131, 131, 0.26);
    --zn-member-accent-surface: rgba(131, 131, 131, 0.20);
    --zn-member-accent-surface-strong: rgba(131, 131, 131, 0.32);
    --zn-member-accent-border: #484848;
    --zn-member-accent-border-muted: #3C3C3C;
    --zn-member-accent-border-strong: #355E3B;
    --zn-member-accent-text: #C2C2C2;
    --zn-member-bg-surface-hover: rgba(131, 131, 131, 0.14);
    --zn-member-bg-surface-active: rgba(131, 131, 131, 0.22);
    --zn-member-bg-surface-strong: #121212;
    --zn-member-bg-surface-lift: #121212;
    --zn-member-bg-surface-faint: #121212;
    --zn-member-bg-surface: #121212;
    --zn-member-bg-surface-muted: #121212;
    --zn-member-surface: #121212;
    --zn-member-primary: #838383;
    --zn-member-primary-hover: #A0A0A0;
    --zn-member-primary-text: #121212;
    --zn-member-scrollbar-thumb: rgba(131, 131, 131, 0.42);
    --zn-member-scrollbar-thumb-hover: rgba(131, 131, 131, 0.64);
    --zn-member-scrollbar-border: rgba(18, 18, 18, 0.96);
    --zn-member-scrollbar-fill-start: rgba(53, 94, 59, 0.52);
    --zn-member-scrollbar-fill-end: rgba(131, 131, 131, 0.30);

    --zn-member-selected-surface-background: #121212;
    --zn-member-selected-surface-border: #355E3B;
    --zn-member-selected-surface-text: #F5F5F5;
    --zn-member-selected-surface-icon: #838383;
    --zn-member-selected-surface-outline-width: 1px;
    --zn-member-selected-surface-outline: #355E3B;
    --zn-member-filled-accent-background: #838383;
    --zn-member-filled-accent-text: #121212;
    --zn-member-filled-accent-icon: #121212;

    --zn-admin-primary-background: #838383;
    --zn-admin-primary-border: #838383;
    --zn-admin-primary-text: #121212;
    --zn-admin-primary-hover-background: #A0A0A0;
    --zn-admin-primary-hover-border: #A0A0A0;

    --zn-member-sent-text: #FFFFFF;
    --zn-member-sent-meta-text: rgba(255, 255, 255, 0.78);
    --zn-member-sent-border: #838383;
    --zn-direct-sent-reply-background: #355E3B;
    --zn-direct-sent-reply-marker: #A0A0A0;
    --zn-direct-sent-reply-label: #FFFFFF;
    --zn-direct-sent-reply-excerpt: rgba(255, 255, 255, 0.82);
    --zn-member-avatar-background: #838383;
    --zn-member-avatar-border-width: 1px;
    --zn-member-avatar-border: #484848;
    --zn-member-avatar-text: #121212;
    --zn-member-conversation-active-background: #121212;
    --zn-member-conversation-active-border: #355E3B;
    --zn-member-conversation-active-text: #F5F5F5;
    --zn-member-nav-active-text: #838383;
    --zn-member-bottom-nav-active-text: #838383;
    --zn-member-bottom-nav-icon: #838383;
    --zn-mobile-backlink-text: #FFFFFF;

    --zn-workspace-icon-background: #838383;
    --zn-workspace-icon-border: #484848;
    --zn-workspace-icon-text: #121212;
    --zn-workspace-folder-icon-background: #121212;
    --zn-workspace-folder-icon-border: #355E3B;
    --zn-workspace-folder-tab-background: #838383;
    --zn-workspace-folder-background: #838383;
    --zn-workspace-folder-border-width: 1px;
    --zn-workspace-folder-border: #355E3B;
    --zn-workspace-folder-tab-shadow: none;
    --zn-workspace-folder-shadow: none;
    --zn-workspace-tool-icon: #838383;
    --zn-workspace-tool-active-icon: #121212;
    --zn-workspace-tool-active-background: #838383;
    --zn-workspace-tool-active-border: #355E3B;
    --zn-workspace-tool-active-text: #121212;
    --zn-workspace-tool-background: #121212;
    --zn-workspace-panel-background: #121212;
    --zn-workspace-toolbar-background: #121212;
    --zn-workspace-section-background: #121212;
    --zn-workspace-item-background: #121212;
    --zn-workspace-item-hover-background: rgba(131, 131, 131, 0.12);
    --zn-workspace-item-selected-background: rgba(53, 94, 59, 0.18);

    --zn-messaging-primary-control-background: #838383;
    --zn-messaging-primary-control-border: #838383;
    --zn-messaging-primary-control-text: #121212;
    --zn-messaging-secondary-control-background: #838383;
    --zn-messaging-secondary-control-border: #838383;
    --zn-messaging-secondary-control-text: #121212;
    --zn-message-create-group-icon: #FFFFFF;
    --zn-mention-picker-name-text: #FFFFFF;
    --zn-mention-picker-option-active-background: #838383;
    --zn-mention-picker-option-active-text: #121212;

    --zn-messaging-chat-surface-background: #121212;
    --zn-messaging-chat-chrome-background: #121212;
    --zn-messaging-hub-background: #121212;
    --zn-messaging-hub-compact-background: #121212;
    --zn-messaging-switcher-border: #343434;
    --zn-messaging-switcher-background: #121212;
    --zn-messaging-switcher-active-border: #355E3B;
    --zn-messaging-switcher-active-background: rgba(131, 131, 131, 0.18);
    --zn-messaging-search-border: #343434;
    --zn-messaging-search-background: #121212;
    --zn-messaging-create-border: var(--zn-surface-switcher-border, var(--zn-member-border));
    --zn-messaging-create-background: var(--zn-member-bg-surface-hover);
    --zn-messaging-recent-border: #343434;
    --zn-messaging-recent-compact-border: #303030;
    --zn-messaging-recent-background: #121212;
    --zn-messaging-recent-active-border: #355E3B;
    --zn-messaging-recent-active-background: rgba(131, 131, 131, 0.16);
    --zn-messaging-contacts-border: #343434;
    --zn-messaging-contacts-background: #121212;
    --zn-messaging-contact-border: #292929;
    --zn-messaging-contact-hover-background: rgba(131, 131, 131, 0.12);
    --zn-messaging-avatar-border: #484848;
    --zn-messaging-avatar-background: #838383;
    --zn-messaging-avatar-color: #121212;
    --zn-messaging-avatar-1-background: #838383;
    --zn-messaging-avatar-1-color: #121212;
    --zn-messaging-avatar-2-background: #6F6F6F;
    --zn-messaging-avatar-2-color: #F5F5F5;
    --zn-messaging-avatar-3-background: #A0A0A0;
    --zn-messaging-avatar-3-color: #121212;
}

[data-theme="cobalt-sky"],
[data-theme="centry-capital"] {
    --zn-bg-app: #91ACBD;
    --zn-bg-app-member: #91ACBD;
    --zn-bg-app-gradient-start: rgba(151, 178, 194, 0.98);
    --zn-bg-app-gradient-end: #06141B;
    --zn-bg-sidebar: #263846;
    --zn-bg-sidebar-alpha: rgba(31, 44, 54, 0.86);
    --zn-bg-surface: #314756;
    --zn-bg-surface-elevated: rgba(49, 71, 86, 0.88);
    --zn-bg-surface-muted: #3B5262;
    --zn-bg-panel: linear-gradient(180deg, rgba(74, 101, 117, 0.74), rgba(31, 44, 54, 0.86));
    --zn-bg-surface-hover: rgba(255, 255, 255, 0.06);
    --zn-bg-surface-active: rgba(255, 255, 255, 0.09);
    --zn-surface-glint: rgba(255, 255, 255, 0.14);
    --zn-surface-glint-soft: rgba(255, 255, 255, 0.07);

    --zn-border: rgba(229, 240, 247, 0.18);
    --zn-border-soft: rgba(229, 240, 247, 0.10);
    --zn-border-strong: rgba(213, 228, 239, 0.22);

    --zn-text-primary: #F8FBFC;
    --zn-text-secondary: #DDE7EE;
    --zn-text-muted: #C2D1DB;

    --zn-accent: #B7CDE0;
    --zn-accent-hover: #D5E4EF;
    --zn-accent-soft: rgba(183,205,224,0.18);
    --zn-accent-surface: rgba(183,205,224,0.16);
    --zn-accent-surface-strong: rgba(183,205,224,0.22);
    --zn-accent-border: rgba(213,228,239,0.34);
    --zn-accent-border-soft: rgba(213,228,239,0.24);
    --zn-accent-border-subtle: rgba(213,228,239,0.18);
    --zn-accent-text: #F8FBFC;
    --zn-accent-text-muted: #DDE7EE;
    --zn-accent-text-strong: #FFFFFF;

    --zn-success: #5B9671;
    --zn-warning: #C8A35C;
    --zn-danger: #C16A6A;

    --zn-shadow: 0 18px 48px rgba(3, 14, 20, 0.32);
    --zn-shadow-soft: 0 0 0 1px rgba(213, 228, 239, 0.08), 0 16px 34px rgba(3, 14, 20, 0.22);
    --zn-shadow-sidebar: 24px 0 80px rgba(3, 14, 20, 0.22);

    --zn-member-bg-app: #91ACBD;
    --zn-member-shade-start: rgba(245, 247, 249, 0.62);
    --zn-member-shade-mid: rgba(145, 172, 189, 0.72);
    --zn-member-shade-end: rgba(31, 44, 54, 0.92);
    --zn-member-bg-shell: rgba(38, 56, 70, 0.9);
    --zn-member-bg-pane: #314756;
    --zn-member-bg-pane-shade:
        radial-gradient(circle at 16% 0%, rgba(245, 247, 249, 0.18), transparent 34%),
        radial-gradient(circle at 82% 14%, rgba(183, 205, 224, 0.22), transparent 38%),
        linear-gradient(180deg, #4A6575 0%, #314756 58%, #1F2C36 100%);
    --zn-member-bg-card: rgba(49, 71, 86, 0.82);
    --zn-member-bg-bubble-in: #3B5262;
    --zn-member-bg-bubble-out: #B7CDE0;
    --zn-member-border: rgba(229, 240, 247, 0.18);
    --zn-member-border-soft: rgba(229, 240, 247, 0.1);
    --zn-member-border-strong: rgba(213, 228, 239, 0.28);
    --zn-member-border-bright: rgba(245, 247, 249, 0.22);
    --zn-member-border-muted: rgba(213, 228, 239, 0.1);
    --zn-member-text-primary: #F8FBFC;
    --zn-member-text-secondary: #DDE7EE;
    --zn-member-text-muted: #C2D1DB;
    --zn-member-text-link: #E5F3FF;
    --zn-member-danger-text: #FFDADB;
    --zn-member-danger-text-soft: #FFE6E6;
    --zn-member-warning-text: #FFF0C7;
    --zn-member-success-text: #DFF8E9;
    --zn-member-accent: #B7CDE0;
    --zn-member-accent-soft: rgba(183, 205, 224, 0.18);
    --zn-member-accent-surface: rgba(183, 205, 224, 0.16);
    --zn-member-accent-surface-strong: rgba(183, 205, 224, 0.24);
    --zn-member-accent-border: rgba(213, 228, 239, 0.32);
    --zn-member-accent-border-muted: rgba(213, 228, 239, 0.2);
    --zn-member-accent-border-strong: rgba(245, 247, 249, 0.4);
    --zn-member-accent-text: #F8FBFC;
    --zn-member-bg-surface-hover: rgba(255, 255, 255, 0.06);
    --zn-member-bg-surface-active: rgba(255, 255, 255, 0.09);
    --zn-member-bg-surface-strong: rgba(255, 255, 255, 0.08);
    --zn-member-bg-surface-lift: rgba(255, 255, 255, 0.07);
    --zn-member-bg-surface-faint: rgba(255, 255, 255, 0.035);
    --zn-member-primary: #B7CDE0;
    --zn-member-primary-hover: #D5E4EF;
    --zn-member-primary-text: #1F2C36;
    --zn-member-shadow: 0 24px 62px rgba(3, 14, 20, 0.34);
    --zn-member-scrollbar-track: rgba(31, 44, 54, 0.28);
    --zn-member-scrollbar-thumb: rgba(183, 205, 224, 0.36);
    --zn-member-scrollbar-thumb-hover: rgba(213, 228, 239, 0.56);
    --zn-member-scrollbar-border: rgba(31, 44, 54, 0.84);
    --zn-member-scrollbar-fill-start: rgba(213, 228, 239, 0.42);
    --zn-member-scrollbar-fill-end: rgba(145, 172, 189, 0.34);
}

[data-theme="centry-capital"] {
    --zn-messaging-chat-surface-background:
        radial-gradient(circle at 68% 8%, rgba(183, 205, 224, 0.18), transparent 30%),
        linear-gradient(180deg, rgba(74, 101, 117, 0.92) 0%, rgba(31, 44, 54, 0.96) 100%);
    --zn-messaging-chat-chrome-background: rgba(49, 71, 86, 0.82);
    --zn-messaging-hub-background:
        radial-gradient(circle at 14% 0%, rgba(245, 247, 249, 0.2), transparent 35%),
        radial-gradient(circle at 88% 18%, rgba(183, 205, 224, 0.26), transparent 36%),
        linear-gradient(180deg, rgba(145, 172, 189, 0.8) 0%, rgba(31, 44, 54, 0.96) 100%),
        #91ACBD;
    --zn-messaging-home-header-background:
        linear-gradient(180deg, rgba(245, 247, 249, 0.12), rgba(245, 247, 249, 0)),
        transparent;
    --zn-messaging-switcher-border: rgba(245, 247, 249, 0.2);
    --zn-messaging-switcher-background:
        linear-gradient(145deg, rgba(245, 247, 249, 0.16), rgba(183, 205, 224, 0.1)),
        rgba(49, 71, 86, 0.5);
    --zn-messaging-switcher-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 12px 28px rgba(3, 14, 20, 0.16);
    --zn-messaging-switcher-active-border: rgba(245, 247, 249, 0.36);
    --zn-messaging-switcher-active-background:
        linear-gradient(145deg, rgba(183, 205, 224, 0.28), rgba(49, 71, 86, 0.22)),
        rgba(49, 71, 86, 0.62);
    --zn-messaging-switcher-active-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 16px 34px rgba(3, 14, 20, 0.2);
    --zn-messaging-search-border: rgba(245, 247, 249, 0.18);
    --zn-messaging-search-background:
        linear-gradient(180deg, rgba(245, 247, 249, 0.14), rgba(183, 205, 224, 0.08)),
        rgba(49, 71, 86, 0.58);
    --zn-messaging-search-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 10px 26px rgba(3, 14, 20, 0.14);
    --zn-messaging-create-border: rgba(245, 247, 249, 0.2);
    --zn-messaging-create-background:
        linear-gradient(145deg, rgba(245, 247, 249, 0.16), rgba(183, 205, 224, 0.1)),
        rgba(49, 71, 86, 0.5);
    --zn-messaging-create-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 12px 28px rgba(3, 14, 20, 0.16);
    --zn-messaging-recent-border: rgba(245, 247, 249, 0.16);
    --zn-messaging-recent-background:
        linear-gradient(135deg, rgba(245, 247, 249, 0.12), rgba(183, 205, 224, 0.06)),
        rgba(49, 71, 86, 0.56);
    --zn-messaging-recent-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.13),
        0 14px 34px rgba(3, 14, 20, 0.18);
    --zn-messaging-recent-active-border: rgba(245, 247, 249, 0.3);
    --zn-messaging-recent-active-background:
        linear-gradient(135deg, rgba(183, 205, 224, 0.22), rgba(49, 71, 86, 0.24)),
        rgba(49, 71, 86, 0.7);
    --zn-messaging-recent-active-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.13),
        0 14px 34px rgba(3, 14, 20, 0.18);
    --zn-messaging-contacts-border: rgba(245, 247, 249, 0.16);
    --zn-messaging-contacts-background:
        linear-gradient(180deg, rgba(245, 247, 249, 0.1), rgba(183, 205, 224, 0.08)),
        rgba(49, 71, 86, 0.52);
    --zn-messaging-contacts-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 16px 38px rgba(3, 14, 20, 0.18);
    --zn-messaging-contact-border: rgba(245, 247, 249, 0.1);
    --zn-messaging-contact-hover-background:
        linear-gradient(90deg, rgba(183, 205, 224, 0.18), rgba(49, 71, 86, 0.14));
    --zn-messaging-avatar-border: rgba(245, 247, 249, 0.18);
    --zn-messaging-avatar-background:
        linear-gradient(145deg, rgba(183, 205, 224, 0.24), rgba(49, 71, 86, 0.3)),
        rgba(38, 56, 70, 0.72);
    --zn-messaging-avatar-color: #F8FBFC;
    --zn-messaging-avatar-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 12px 26px rgba(3, 14, 20, 0.22);
    --zn-messaging-avatar-1-background: linear-gradient(145deg, #B7CDE0, #68869B);
    --zn-messaging-avatar-1-color: #1F2C36;
    --zn-messaging-avatar-2-background: linear-gradient(145deg, #5B9671, #2F6146);
    --zn-messaging-avatar-2-color: #F8FBFC;
    --zn-messaging-avatar-3-background: linear-gradient(145deg, #C8A35C, #7B6030);
    --zn-messaging-avatar-3-color: #1F2C36;
}

[data-theme="zetako"] {
    color-scheme: dark;
    --zn-color-scheme: dark;
    --zn-bg-app: #07090C;
    --zn-bg-app-member: #07090C;
    --zn-bg-app-gradient-start: #080C11;
    --zn-bg-app-gradient-end: #07090C;
    --zn-bg-sidebar: #05080C;
    --zn-bg-sidebar-alpha: rgba(5, 8, 12, 0.9);
    --zn-bg-surface: #0D1117;
    --zn-bg-surface-elevated: rgba(13, 17, 23, 0.9);
    --zn-bg-surface-muted: #111821;
    --zn-bg-panel:
        radial-gradient(circle at 72% 0%, rgba(45, 125, 255, 0.16), transparent 34rem),
        radial-gradient(circle at 16% 8%, rgba(71, 213, 255, 0.08), transparent 28rem),
        linear-gradient(180deg, rgba(17, 24, 33, 0.92), rgba(7, 9, 12, 0.95));
    --zn-bg-surface-hover: rgba(255, 255, 255, 0.06);
    --zn-bg-surface-active: rgba(71, 213, 255, 0.12);
    --zn-bg-surface-faint: rgba(255, 255, 255, 0.035);
    --zn-bg-surface-raised: rgba(17, 24, 33, 0.72);
    --zn-surface-glint: rgba(255, 255, 255, 0.16);
    --zn-surface-glint-soft: rgba(255, 255, 255, 0.08);

    --zn-border: rgba(143, 164, 183, 0.18);
    --zn-border-soft: rgba(143, 164, 183, 0.12);
    --zn-border-muted: rgba(143, 164, 183, 0.08);
    --zn-border-strong: rgba(71, 213, 255, 0.3);

    --zn-text-primary: #F4F7FB;
    --zn-text-secondary: #C5D0DC;
    --zn-text-muted: #9AA8B7;

    --zn-accent: #47D5FF;
    --zn-accent-hover: #2D7DFF;
    --zn-accent-soft: rgba(71, 213, 255, 0.16);
    --zn-accent-surface: rgba(71, 213, 255, 0.1);
    --zn-accent-surface-strong: rgba(45, 125, 255, 0.2);
    --zn-accent-surface-lift: rgba(71, 213, 255, 0.18);
    --zn-accent-surface-muted: rgba(255, 255, 255, 0.04);
    --zn-accent-border: rgba(71, 213, 255, 0.42);
    --zn-accent-border-active: rgba(71, 213, 255, 0.58);
    --zn-accent-border-soft: rgba(71, 213, 255, 0.28);
    --zn-accent-border-subtle: rgba(71, 213, 255, 0.18);
    --zn-accent-border-focus: rgba(45, 125, 255, 0.58);
    --zn-accent-text: #9FDFF1;
    --zn-accent-text-muted: #8FA4B7;
    --zn-accent-text-strong: #FFFFFF;
    --zn-accent-shadow: rgba(71, 213, 255, 0.2);

    --zn-success: #48E29A;
    --zn-warning: #F2B84B;
    --zn-danger: #F15A63;

    --zn-shadow: 0 22px 60px rgba(0, 0, 0, 0.42);
    --zn-shadow-soft: 0 0 0 1px rgba(143, 164, 183, 0.08), 0 18px 40px rgba(0, 0, 0, 0.28);
    --zn-shadow-sidebar: 24px 0 82px rgba(0, 0, 0, 0.34);

    --zn-scrollbar-track: rgba(255, 255, 255, 0.05);
    --zn-scrollbar-thumb: rgba(71, 213, 255, 0.32);
    --zn-scrollbar-thumb-hover: rgba(71, 213, 255, 0.52);
    --zn-scrollbar-border: rgba(255, 255, 255, 0.05);
    --zn-scrollbar-fill-start: rgba(71, 213, 255, 0.38);
    --zn-scrollbar-fill-end: rgba(72, 226, 154, 0.34);
    --zn-brand-surface-end: rgba(45, 125, 255, 0.18);
    --zn-brand-border: rgba(71, 213, 255, 0.28);

    --zn-member-bg-app: #07090C;
    --zn-member-shade-start: rgba(71, 213, 255, 0.12);
    --zn-member-shade-mid: rgba(45, 125, 255, 0.14);
    --zn-member-shade-end: rgba(7, 9, 12, 0.82);
    --zn-member-bg-shell: rgba(5, 8, 12, 0.9);
    --zn-member-bg-pane: #0D1117;
    --zn-member-bg-pane-shade:
        radial-gradient(circle at 72% 0%, rgba(45, 125, 255, 0.16), transparent 34rem),
        radial-gradient(circle at 16% 8%, rgba(71, 213, 255, 0.08), transparent 28rem),
        linear-gradient(180deg, #080C11 0%, #07090C 58%, #05080C 100%);
    --zn-member-bg-card: rgba(17, 24, 33, 0.78);
    --zn-member-bg-bubble-in: #111821;
    --zn-member-bg-bubble-out: #0D1A24;
    --zn-member-border: rgba(143, 164, 183, 0.14);
    --zn-member-border-soft: rgba(143, 164, 183, 0.08);
    --zn-member-border-strong: rgba(71, 213, 255, 0.28);
    --zn-member-border-bright: rgba(255, 255, 255, 0.18);
    --zn-member-border-muted: rgba(255, 255, 255, 0.08);
    --zn-member-text-primary: #F4F7FB;
    --zn-member-text-secondary: #C5D0DC;
    --zn-member-text-muted: #9AA8B7;
    --zn-member-text-link: #47D5FF;
    --zn-member-accent: #47D5FF;
    --zn-member-accent-soft: rgba(71, 213, 255, 0.16);
    --zn-member-accent-surface: rgba(71, 213, 255, 0.1);
    --zn-member-accent-surface-strong: rgba(45, 125, 255, 0.2);
    --zn-member-accent-border: rgba(71, 213, 255, 0.3);
    --zn-member-accent-border-muted: rgba(143, 164, 183, 0.12);
    --zn-member-accent-border-strong: rgba(71, 213, 255, 0.48);
    --zn-member-accent-text: #9FDFF1;
    --zn-member-bg-surface-hover: rgba(255, 255, 255, 0.06);
    --zn-member-bg-surface-active: rgba(71, 213, 255, 0.12);
    --zn-member-bg-surface-strong: rgba(255, 255, 255, 0.08);
    --zn-member-bg-surface-lift: rgba(255, 255, 255, 0.08);
    --zn-member-bg-surface-faint: rgba(255, 255, 255, 0.035);
    --zn-member-primary: #47D5FF;
    --zn-member-primary-hover: #2D7DFF;
    --zn-member-primary-text: #03101A;
    --zn-member-shadow: 0 28px 70px rgba(0, 0, 0, 0.42);
}