:root {
    --status-active: var(--t-green, #16a34a);
    --status-expired: var(--t-red, #dc2626);
    --status-temporary: var(--t-amber, #f59e0b);
    --status-permanent: var(--t-cyan, #0ea5e9);
    --bg: var(--t-page-bg, #f3f6fb);
    --card-bg: var(--t-surface, #ffffff);
    --muted: var(--t-text-muted, #6b7280);
    --primary: var(--t-primary, #167e8a);
}

[data-theme="light"] {
    --t-page-bg: #f0f2f5;
    --t-page-gradient: #f0f2f5;
    --t-surface: #f9fafb;
    --t-surface-soft: #f4f6f8;
    --t-surface-alt: #eff1f4;
    --t-surface-2: #eef2f6;
    --t-surface-gradient: #f9fafb;
    --t-surface-hover: #f0f3f6;
    --t-surface-inset: #f2f4f7;
    --t-text: #1e293b;
    --t-text-secondary: #3d4f63;
    --t-text-muted: #6b7a8d;
    --t-text-placeholder: #94a0b0;
    --t-text-inverse: #ffffff;
    --t-border: #d8dde5;
    --t-border-subtle: rgba(209, 215, 224, 0.55);
    --t-border-strong: #c4ccd6;
    --t-border-card: #e0e5ec;
    --t-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.03);
    --t-shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.04);
    --t-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
    --t-shadow-lg: 0 8px 24px rgba(15, 23, 42, 0.06);
    --t-shadow-xl: 0 12px 36px rgba(15, 23, 42, 0.08);
    --t-primary: #167e8a;
    --t-primary-strong: #0f6d7a;
    --t-primary-soft: rgba(22, 126, 138, 0.10);
    --t-blue: #3b6fd4;
    --t-blue-deep: #2e5cb8;
    --t-blue-light: #5085d6;
    --t-blue-soft: #f0f4fa;
    --t-blue-softer: #e2eaf5;
    --t-blue-ring: rgba(59, 111, 212, 0.10);
    --t-green: #1d9150;
    --t-green-deep: #1a6d3e;
    --t-green-soft: #f0f8f3;
    --t-green-softer: #ddf0e3;
    --t-cyan: #1589a0;
    --t-cyan-soft: #eef7f9;
    --t-amber: #c6850e;
    --t-amber-deep: #875a0e;
    --t-amber-soft: #fdf8ee;
    --t-amber-softer: #f8edce;
    --t-red: #c73a3a;
    --t-red-deep: #a12e2e;
    --t-red-soft: #fbf0f0;
    --t-red-softer: #f6e0e0;
    --t-topbar-bg: rgba(249, 250, 251, 0.92);
    --t-topbar-border: rgba(209, 215, 224, 0.5);
    --t-topbar-border-bottom: rgba(209, 215, 224, 0.35);
    --t-topbar-backdrop: blur(20px) saturate(1.1);
    --t-sidebar-card-bg: #edf0f5;
    --t-sidebar-card-border: rgba(209, 215, 224, 0.55);
    --t-sidebar-nav-bg: #f9fafb;
    --t-sidebar-nav-border: rgba(209, 215, 224, 0.5);
    --t-sidebar-link: #6b7a8d;
    --t-sidebar-link-hover-bg: #f2f4f7;
    --t-sidebar-link-hover: #2a3f56;
    --t-sidebar-link-active-bg: #eaeef4;
    --t-sidebar-link-active: #2a3f56;
    --t-footer-bg: rgba(249, 250, 251, 0.84);
    --t-footer-border: rgba(209, 215, 224, 0.55);
    --t-footer-text: #6b7a8d;
    --t-input-bg: #f9fafb;
    --t-input-border: #d4dae3;
    --t-input-text: #1e293b;
    --t-input-radius: 8px;
    --t-surface-radius: 8px;
    --t-control-height: 38px;
    --t-input-focus-border: #8fb8d9;
    --t-input-focus-ring: rgba(59, 111, 212, 0.10);
    --t-input-disabled-bg: #eceff3;
    --t-table-head-bg: #eaecf1;
    --t-table-head-text: #2a3548;
    --t-table-row-bg: #f9fafb;
    --t-table-row-alt: #f3f5f7;
    --t-table-row-hover: #ebeef4;
    --t-table-border: rgba(209, 215, 224, 0.65);
    --t-dropdown-bg: #f9fafb;
    --t-dropdown-border: rgba(209, 215, 224, 0.8);
    --t-dropdown-hover: #f2f4f7;
    --t-dropdown-shadow: 0 12px 36px rgba(15, 23, 42, 0.11);
    --t-modal-bg: #f9fafb;
    --t-modal-border: transparent;
    --t-modal-shadow: 0 20px 60px rgba(15, 23, 42, 0.15);
    --t-modal-backdrop: rgba(15, 23, 42, 0.40);
    --t-notify-bg: #f9fafb;
    --t-notify-border: rgba(0, 0, 0, 0.05);
    --t-notify-text: #2a3548;
    --t-notify-close: #94a0b0;
    --t-kicker-bg: #e0eff7;
    --t-kicker-text: #0f6d7a;
    --t-detail-bg: #f2f4f7;
    --t-detail-border: #dce2ea;
    --t-dash-item-bg: #f9fafb;
    --t-dash-item-border: #dce2ea;
    --t-dash-icon-bg: #e8eff6;
    --t-dash-empty-bg: linear-gradient(180deg, #f4f6f9 0%, #eef1f5 100%);
    --t-dash-empty-border: #cdd5df;
    --t-btn-outline-bg: #f9fafb;
    --t-btn-outline-secondary-border: #d0d8e2;
    --t-btn-outline-secondary-text: #4d5b6b;
    --t-btn-ghost-bg: #f9fafb;
    --t-btn-ghost-border: #d2dae4;
    --t-report-bg: #f9fafb;
    --t-report-border: rgba(209, 215, 224, 0.65);
    --t-report-fold-bg: #f4f6f8;
    --t-report-fold-body-bg: #f9fafb;
    --t-report-inner-bg: #f9fafb;
    --t-report-empty-bg: #f2f4f7;
    --t-report-empty-border: rgba(200, 208, 220, 0.65);
    --t-code-bg: #eceef2;
    --t-scrollbar-track: #eceef2;
    --t-scrollbar-thumb: #c0c8d2;
    --t-backdrop-filter: blur(14px);
    --t-img-icon-filter: none;
}

[data-theme="dark"] {
    --t-page-bg: #050914;
    --t-page-gradient: radial-gradient(circle at top right, rgba(34, 211, 238, 0.08), transparent 24%), radial-gradient(circle at top left, rgba(59, 130, 246, 0.08), transparent 30%), linear-gradient(180deg, #040812 0%, #09101d 45%, #050914 100%);
    --t-surface: #0f1726;
    --t-surface-soft: #152033;
    --t-surface-alt: #121b2c;
    --t-surface-2: #172238;
    --t-surface-gradient: #0f1726;
    --t-surface-hover: #1a2740;
    --t-surface-inset: #121d30;
    --t-text: #e5e7eb;
    --t-text-secondary: #d1d5db;
    --t-text-muted: #9ca3af;
    --t-text-placeholder: #6b7280;
    --t-text-inverse: #0f172a;
    --t-border: #374151;
    --t-border-subtle: rgba(55, 65, 81, 0.5);
    --t-border-strong: #4b5563;
    --t-border-card: #374151;
    --t-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.12);
    --t-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.15);
    --t-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    --t-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.22);
    --t-shadow-xl: 0 12px 36px rgba(0, 0, 0, 0.28);
    --t-focus-ring: rgba(96, 165, 250, 0.22);
    --t-primary: #22d3ee;
    --t-primary-strong: #38bdf8;
    --t-primary-soft: rgba(34, 211, 238, 0.12);
    --t-blue: #60a5fa;
    --t-blue-deep: #93c5fd;
    --t-blue-light: #60a5fa;
    --t-blue-soft: rgba(37, 99, 235, 0.15);
    --t-blue-softer: rgba(59, 130, 246, 0.2);
    --t-blue-ring: rgba(59, 130, 246, 0.25);
    --t-green: #34d399;
    --t-green-deep: #6ee7b7;
    --t-green-soft: rgba(16, 185, 129, 0.12);
    --t-green-softer: rgba(52, 211, 153, 0.15);
    --t-cyan: #22d3ee;
    --t-cyan-soft: rgba(34, 211, 238, 0.12);
    --t-amber: #fbbf24;
    --t-amber-deep: #fcd34d;
    --t-amber-soft: rgba(217, 119, 6, 0.12);
    --t-amber-softer: rgba(251, 191, 36, 0.15);
    --t-red: #f87171;
    --t-red-deep: #fca5a5;
    --t-red-soft: rgba(220, 38, 38, 0.12);
    --t-red-softer: rgba(248, 113, 113, 0.15);
    --t-topbar-bg: rgba(6, 11, 20, 0.88);
    --t-topbar-border: rgba(42, 55, 76, 0.55);
    --t-topbar-border-bottom: rgba(42, 55, 76, 0.35);
    --t-topbar-backdrop: blur(20px) saturate(1.2);
    --t-sidebar-card-bg: #111b2d;
    --t-sidebar-card-border: rgba(42, 55, 76, 0.55);
    --t-sidebar-nav-bg: #0d1523;
    --t-sidebar-nav-border: rgba(42, 55, 76, 0.45);
    --t-sidebar-link: #9ca3af;
    --t-sidebar-link-hover-bg: rgba(96, 165, 250, 0.08);
    --t-sidebar-link-hover: #e5e7eb;
    --t-sidebar-link-active-bg: linear-gradient(135deg, rgba(30, 58, 95, 0.78), rgba(14, 116, 144, 0.5));
    --t-sidebar-link-active: #e5f3ff;
    --t-footer-bg: rgba(9, 14, 24, 0.84);
    --t-footer-border: rgba(42, 55, 76, 0.55);
    --t-footer-text: #9ca3af;
    --t-input-bg: #111827;
    --t-input-border: #374151;
    --t-input-text: #f9fafb;
    --t-input-radius: 8px;
    --t-surface-radius: 8px;
    --t-control-height: 38px;
    --t-input-focus-border: #60a5fa;
    --t-input-focus-ring: rgba(96, 165, 250, 0.18);
    --t-input-disabled-bg: #1f2937;
    --t-table-head-bg: #0f1b31;
    --t-table-head-text: #d9e8ff;
    --t-table-row-bg: #0f1726;
    --t-table-row-alt: #121d30;
    --t-table-row-hover: #16243a;
    --t-table-border: rgba(56, 78, 112, 0.55);
    --t-dropdown-bg: #0f1726;
    --t-dropdown-border: rgba(55, 65, 81, 0.85);
    --t-dropdown-hover: #152033;
    --t-dropdown-shadow: 0 16px 38px rgba(0, 0, 0, 0.36);
    --t-modal-bg: #0f1726;
    --t-modal-border: rgba(55, 65, 81, 0.85);
    --t-modal-shadow: 0 22px 60px rgba(0, 0, 0, 0.45);
    --t-modal-backdrop: rgba(0, 0, 0, 0.68);
    --t-notify-bg: #0f1726;
    --t-notify-border: rgba(55, 65, 81, 0.8);
    --t-notify-text: #e5e7eb;
    --t-notify-close: #94a3b8;
    --t-kicker-bg: rgba(34, 211, 238, 0.12);
    --t-kicker-text: #67e8f9;
    --t-detail-bg: #111b2d;
    --t-detail-border: rgba(55, 65, 81, 0.85);
    --t-dash-item-bg: #0f1726;
    --t-dash-item-border: rgba(55, 65, 81, 0.85);
    --t-dash-icon-bg: rgba(59, 130, 246, 0.12);
    --t-dash-empty-bg: linear-gradient(180deg, #101a2d 0%, #0d1523 100%);
    --t-dash-empty-border: rgba(55, 65, 81, 0.85);
    --t-btn-outline-bg: #0f1726;
    --t-btn-outline-secondary-border: rgba(75, 85, 99, 0.95);
    --t-btn-outline-secondary-text: #d1d5db;
    --t-btn-ghost-bg: #111827;
    --t-btn-ghost-border: rgba(75, 85, 99, 0.95);
    --t-report-bg: #0f1726;
    --t-report-border: rgba(55, 65, 81, 0.85);
    --t-report-fold-bg: #121d30;
    --t-report-fold-body-bg: #0f1726;
    --t-report-inner-bg: #0f1726;
    --t-report-empty-bg: #121d30;
    --t-report-empty-border: rgba(55, 65, 81, 0.85);
    --t-code-bg: #111827;
    --t-scrollbar-track: #0f1726;
    --t-scrollbar-thumb: #374151;
    --t-backdrop-filter: blur(14px);
    --t-img-icon-filter: brightness(0.92) contrast(1.08);
}