:root:has(body.theme_zen) {
    --t-bg: hsla(60, 50%, 3%, 1);
    --t-surface-2: #121214;
    --t-accent: #c45a4a;
}

body.theme_zen {
    --t-bg: hsla(60, 50%, 3%, 1);
    --t-surface: #0e0e10;
    --t-surface-2: #121214;
    --t-border: rgba(255, 255, 255, 0.08);
    --t-border-soft: rgba(255, 255, 255, 0.06);
    --t-text: #e6e4df;
    --t-muted: rgba(230, 228, 223, 0.55);
    --t-accent: #c45a4a;
    --t-glow: rgba(196, 90, 74, 0.22);
    --t-panel-glow: 0 0 12px 2px color-mix(in oklab, var(--t-accent) 25%, transparent);
    --t-panel-border: 1px solid color-mix(in oklab, var(--t-accent) 30%, transparent);

    --t-body-bg-image: none;
    --t-body-bg-gradient: none;
    --t-footer-bg-image: none;
    --t-footer-bg-gradient: none;

    --t-title-shadow: none;

    --t-page-loader-card-bg: color-mix(in oklab, var(--t-surface) 72%, transparent);
    --t-page-loader-card-border: color-mix(in oklab, var(--t-border) 80%, transparent);
    --t-page-loader-card-shadow: 6px 6px 0 0 color-mix(in oklab, var(--t-accent) 45%, transparent);
    --t-page-loader-spinner-ring: color-mix(in oklab, var(--t-muted) 45%, transparent);

    --t-popup-close-icon-bg: rgba(255, 255, 255, 0.08);
    --t-popup-close-icon-hover: color-mix(in oklab, var(--t-accent) 35%, var(--t-surface-2));

    --t-msg-ok: rgba(164, 220, 164, 0.9);
    --t-msg-warn: #f0943a;
    --t-status-s1: rgba(100, 210, 100, 0.85);

    --t-header-nav-link: color-mix(in oklab, var(--t-text) 78%, transparent);
    --t-header-bg: color-mix(in oklab, var(--t-surface-2) 88%, var(--t-bg));

    --t-popup-scrim: rgba(0, 0, 0, 0.78);
    --t-admin-popup-scrim: rgba(0, 0, 0, 0.78);
    --t-modal-scrim-backdrop-filter: blur(2px);

    --t-btn-fg: var(--t-text);
    --t-btn-bg: color-mix(in oklab, var(--t-accent) 14%, var(--t-surface));
    --t-btn-border: 1px solid color-mix(in oklab, var(--t-accent) 30%, var(--t-border));
    --t-btn-shadow: none;
    --t-btn-hover-fg: var(--t-text);
    --t-btn-hover-bg: color-mix(in oklab, var(--t-accent) 40%, var(--t-surface));
    --t-btn-hover-shadow: none;
    --t-btn-hover-border: 1px solid color-mix(in oklab, var(--t-accent) 52%, var(--t-border));

    --t-search-input-bg-color: var(--t-surface-2);
    --t-search-input-fg: var(--t-text);
    --t-search-input-box-shadow: none;

    --t-tooltip-bg: var(--t-surface-2);
    --t-tooltip-fg: var(--t-text);
    --t-tooltip-border: 1px solid var(--t-border-soft);
    --t-tooltip-box-shadow: none;

    --t-dialog-panel-bg: var(--t-surface);
    --t-dialog-panel-border-width: 1px;
    --t-dialog-panel-border-color: var(--t-border-soft);
    --t-dialog-panel-shadow: 0 24px 64px -40px rgba(0, 0, 0, 0.95);

    --t-dialog-close-bg: rgba(255, 255, 255, 0.06);
    --t-dialog-close-border-width: 1px;
    --t-dialog-close-border-color: var(--t-border-soft);
    --t-dialog-close-fg: var(--t-text);
    --t-dialog-close-hover-bg: color-mix(in oklab, var(--t-accent) 16%, transparent);
    --t-dialog-close-hover-border-width: 1px;
    --t-dialog-close-hover-border-color: color-mix(in oklab, var(--t-accent) 45%, transparent);

    --t-dialog-title-color: var(--t-text);
    --t-dialog-label-color: var(--t-muted);

    --t-dialog-pre-bg: var(--t-surface-2);
    --t-dialog-pre-border: 1px solid var(--t-border-soft);
    --t-dialog-pre-fg: var(--t-text);

    --t-dialog-input-bg: var(--t-surface-2);
    --t-dialog-input-border: 1px solid var(--t-border-soft);
    --t-dialog-input-fg: var(--t-text);

    --t-dialog-primary-bg: color-mix(in oklab, var(--t-accent) 18%, transparent);
    --t-dialog-primary-fg: var(--t-text);
    --t-dialog-primary-border: 1px solid color-mix(in oklab, var(--t-accent) 45%, transparent);
    --t-dialog-primary-hover-bg: color-mix(in oklab, var(--t-accent) 28%, transparent);

    --t-pagination-item-bg: var(--t-surface-2);
    --t-pagination-item-fg: var(--t-muted);
    --t-pagination-item-border: 1px solid var(--t-border);
    --t-pagination-item-shadow: none;
    --t-pagination-active-bg: color-mix(in oklab, var(--t-accent) 22%, var(--t-surface-2));
    --t-pagination-active-fg: var(--t-text);
    --t-pagination-active-border: 1px solid color-mix(in oklab, var(--t-accent) 45%, var(--t-border));
    --t-pagination-active-shadow: none;
    --t-pagination-disabled-bg: var(--t-surface-2);
    --t-pagination-disabled-border: 1px solid var(--t-border);
    --t-pagination-disabled-shadow: none;
}