:root,
html[data-theme="light"] {
  color-scheme: light;
  --theme-surface-app: #f8fafc;
  --theme-surface-card: #ffffff;
  --theme-surface-muted: #f8fafc;
  --theme-surface-muted-strong: #f1f5f9;
  --theme-surface-overlay: rgba(255, 255, 255, 0.8);
  --theme-surface-overlay-strong: rgba(255, 255, 255, 0.9);
  --theme-border-subtle: #e2e8f0;
  --theme-border-strong: #cbd5e1;
  --theme-text-primary: #0f172a;
  --theme-text-secondary: #334155;
  --theme-text-muted: #64748b;
  --theme-text-soft: #94a3b8;
  --theme-brand-surface: #e0f2fe;
  --theme-brand-surface-strong: #bae6fd;
  --theme-brand-text: #0369a1;
  --theme-brand-text-strong: #075985;
  --theme-success-surface: #ecfdf5;
  --theme-success-text: #047857;
  --theme-warning-surface: #fffbeb;
  --theme-warning-text: #b45309;
  --theme-danger-surface: #fff1f2;
  --theme-danger-text: #be123c;
  --theme-info-surface: #f5f3ff;
  --theme-info-text: #6d28d9;
  --theme-focus-surface: #ffffff;
  --theme-code-surface: #0f172a;
  --theme-code-text: #e2e8f0;
  --theme-editor-toolbar-bg: linear-gradient(180deg, rgba(248, 250, 252, 0.92), rgba(255, 255, 255, 0.98));
  --theme-editor-history-bg: linear-gradient(180deg, rgba(248, 250, 252, 0.95), rgba(241, 245, 249, 0.85));
  --theme-select-inner-highlight-strong: rgba(255, 255, 255, 0.85);
  --theme-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8l4 4 4-4' stroke='%23475569' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --theme-frontend-select-label: var(--theme-text-secondary);
  --theme-frontend-select-text: var(--theme-text-primary);
  --theme-frontend-select-background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  --theme-frontend-select-background-hover: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
  --theme-frontend-select-border: var(--theme-border-subtle);
  --theme-frontend-select-border-hover: var(--theme-border-strong);
  --theme-frontend-select-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
  --theme-frontend-select-focus-border: #7dd3fc;
  --theme-frontend-select-focus-ring: 0 0 0 4px rgba(224, 242, 254, 0.95), 0 12px 28px rgba(14, 165, 233, 0.12);
  --theme-frontend-select-icon: var(--theme-text-muted);
  --theme-frontend-select-icon-active: var(--theme-brand-text);
  --theme-frontend-search-suggestions-background: var(--theme-surface-card);
  --theme-frontend-search-suggestions-border: var(--theme-border-subtle);
  --theme-frontend-search-suggestions-shadow: 0 24px 48px rgba(15, 23, 42, 0.16);
  --theme-frontend-search-suggestion-text: var(--theme-text-secondary);
  --theme-frontend-search-suggestion-hover-background: var(--theme-surface-muted);
  --theme-frontend-search-suggestion-divider: var(--theme-border-subtle);
  --theme-frontend-search-suggestion-badge-background: var(--theme-surface-muted);
  --theme-frontend-search-suggestion-badge-text: var(--theme-text-muted);
  --theme-frontend-pagination-background: var(--theme-surface-card);
  --theme-frontend-pagination-border: var(--theme-border-subtle);
  --theme-frontend-pagination-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
  --theme-frontend-pagination-summary: var(--theme-text-muted);
  --theme-frontend-pagination-link-background: var(--theme-surface-card);
  --theme-frontend-pagination-link-background-hover: var(--theme-surface-muted);
  --theme-frontend-pagination-link-border: var(--theme-border-subtle);
  --theme-frontend-pagination-link-border-hover: var(--theme-border-strong);
  --theme-frontend-pagination-link-text: var(--theme-text-secondary);
  --theme-frontend-pagination-link-disabled-background: var(--theme-surface-muted);
  --theme-frontend-pagination-link-disabled-text: var(--theme-text-soft);
  --theme-frontend-pagination-link-active-background: var(--theme-brand-surface);
  --theme-frontend-pagination-link-active-border: rgba(14, 165, 233, 0.24);
  --theme-frontend-pagination-link-active-text: var(--theme-brand-text);
  --theme-frontend-pagination-link-primary-background: #0f172a;
  --theme-frontend-pagination-link-primary-background-hover: #1e293b;
  --theme-frontend-pagination-link-primary-border: #0f172a;
  --theme-frontend-pagination-link-primary-text: #f8fafc;
  --theme-frontend-pagination-link-load-more-background: var(--theme-brand-surface);
  --theme-frontend-pagination-link-load-more-background-hover: var(--theme-brand-surface-strong);
  --theme-frontend-pagination-link-load-more-border: rgba(14, 165, 233, 0.24);
  --theme-frontend-pagination-link-load-more-border-hover: rgba(14, 165, 233, 0.35);
  --theme-frontend-pagination-link-load-more-text: var(--theme-brand-text);
  --theme-frontend-pagination-ellipsis: var(--theme-text-soft);
  --theme-frontend-primary-button-background: #0f172a;
  --theme-frontend-primary-button-background-hover: #1e293b;
  --theme-frontend-primary-button-border: #0f172a;
  --theme-frontend-primary-button-text: #f8fafc;
  --theme-frontend-primary-button-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
  --theme-frontend-primary-button-focus-ring: 0 0 0 4px rgba(148, 163, 184, 0.22);
  --theme-frontend-card-border: rgba(226, 232, 240, 0.92);
  --theme-frontend-card-border-hover: rgba(125, 211, 252, 0.48);
  --theme-frontend-card-background: rgba(255, 255, 255, 0.96);
  --theme-frontend-subpanel-background: linear-gradient(180deg, rgba(248, 250, 252, 0.96) 0%, rgba(255, 255, 255, 0.94) 100%);
  --theme-frontend-hero-background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(240, 249, 255, 0.96) 48%, rgba(238, 242, 255, 0.94) 100%);
  --theme-frontend-glass-border: rgba(255, 255, 255, 0.68);
  --theme-frontend-glass-background: rgba(255, 255, 255, 0.78);
  --theme-frontend-card-shadow: 0 18px 40px -34px rgba(15, 23, 42, 0.34);
  --theme-frontend-card-shadow-hover: 0 28px 54px -38px rgba(15, 23, 42, 0.36);
  --theme-frontend-divider: rgba(226, 232, 240, 0.86);
  --theme-frontend-list-item-background: rgba(248, 250, 252, 0.92);
  --theme-frontend-empty-border: rgba(125, 211, 252, 0.42);
  --theme-frontend-empty-background: linear-gradient(180deg, rgba(240, 249, 255, 0.94) 0%, rgba(224, 242, 254, 0.78) 100%);
  --theme-frontend-empty-text: var(--theme-brand-text);
  --theme-frontend-notice-info-border: color-mix(in srgb, var(--theme-brand-text) 18%, var(--theme-border-subtle));
  --theme-frontend-notice-info-background: var(--theme-frontend-empty-background);
  --theme-frontend-notice-info-text: var(--theme-brand-text);
  --theme-frontend-notice-warning-border: color-mix(in srgb, var(--theme-warning-text) 22%, var(--theme-border-subtle));
  --theme-frontend-notice-warning-background: linear-gradient(180deg, rgba(255, 251, 235, 0.94) 0%, rgba(254, 243, 199, 0.78) 100%);
  --theme-frontend-notice-warning-text: var(--theme-warning-text);
  --theme-frontend-notice-danger-border: color-mix(in srgb, var(--theme-danger-text) 22%, var(--theme-border-subtle));
  --theme-frontend-notice-danger-background: linear-gradient(180deg, rgba(255, 241, 242, 0.94) 0%, rgba(255, 228, 230, 0.78) 100%);
  --theme-frontend-notice-danger-text: var(--theme-danger-text);
  --theme-frontend-secondary-action-border: var(--theme-border-subtle);
  --theme-frontend-secondary-action-border-hover: var(--theme-border-strong);
  --theme-frontend-secondary-action-background: rgba(255, 255, 255, 0.92);
  --theme-frontend-secondary-action-background-hover: rgba(248, 250, 252, 0.98);
  --theme-frontend-secondary-action-text: var(--theme-text-secondary);
  --theme-frontend-secondary-action-text-hover: var(--theme-text-primary);
  --theme-frontend-brand-action-border: rgba(14, 165, 233, 0.24);
  --theme-frontend-brand-action-border-hover: rgba(14, 165, 233, 0.36);
  --theme-frontend-brand-action-background: var(--theme-brand-surface);
  --theme-frontend-brand-action-background-hover: var(--theme-brand-surface-strong);
  --theme-frontend-brand-action-text: var(--theme-brand-text);
  --theme-frontend-action-focus-ring: 0 0 0 4px rgba(14, 165, 233, 0.16);
  --theme-frontend-field-border: var(--theme-border-subtle);
  --theme-frontend-field-background: var(--theme-surface-card);
  --theme-frontend-field-text: var(--theme-text-primary);
  --theme-frontend-field-placeholder: var(--theme-text-soft);
  --theme-frontend-field-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
  --theme-frontend-field-focus-border: rgba(56, 189, 248, 0.72);
  --theme-frontend-field-focus-ring: 0 0 0 4px rgba(224, 242, 254, 0.94);
  --theme-frontend-badge-slate-border: transparent;
  --theme-frontend-badge-slate-background: var(--theme-surface-muted-strong);
  --theme-frontend-badge-slate-text: var(--theme-text-secondary);
  --theme-frontend-badge-sky-border: transparent;
  --theme-frontend-badge-sky-background: var(--theme-brand-surface);
  --theme-frontend-badge-sky-text: var(--theme-brand-text);
  --theme-frontend-badge-emerald-border: transparent;
  --theme-frontend-badge-emerald-background: var(--theme-success-surface);
  --theme-frontend-badge-emerald-text: var(--theme-success-text);
  --theme-frontend-badge-violet-border: transparent;
  --theme-frontend-badge-violet-background: var(--theme-info-surface);
  --theme-frontend-badge-violet-text: var(--theme-info-text);
  --theme-frontend-badge-amber-border: transparent;
  --theme-frontend-badge-amber-background: var(--theme-warning-surface);
  --theme-frontend-badge-amber-text: var(--theme-warning-text);
  --theme-frontend-badge-strong-border: transparent;
  --theme-frontend-badge-strong-background: var(--theme-text-primary);
  --theme-frontend-badge-strong-text: var(--theme-surface-card);
  --theme-layout-header-border: var(--theme-border-subtle);
  --theme-layout-header-background: rgba(255, 255, 255, 0.9);
  --theme-layout-brand-text: var(--theme-text-primary);
  --theme-layout-nav-link-background-hover: var(--theme-surface-muted);
  --theme-layout-nav-link-text: var(--theme-text-secondary);
  --theme-layout-nav-link-text-hover: var(--theme-text-primary);
  --theme-layout-nav-link-active-background: var(--theme-brand-surface);
  --theme-layout-nav-link-active-text: var(--theme-brand-text);
  --theme-layout-menu-button-border: var(--theme-border-subtle);
  --theme-layout-menu-button-background: var(--theme-surface-card);
  --theme-layout-menu-button-background-hover: var(--theme-surface-muted);
  --theme-layout-menu-button-text: var(--theme-text-secondary);
  --theme-layout-primary-action-border: var(--theme-frontend-primary-button-border);
  --theme-layout-primary-action-background: var(--theme-frontend-primary-button-background);
  --theme-layout-primary-action-background-hover: var(--theme-frontend-primary-button-background-hover);
  --theme-layout-primary-action-text: var(--theme-frontend-primary-button-text);
  --theme-layout-primary-action-shadow: var(--theme-frontend-primary-button-shadow);
  --theme-layout-primary-action-focus-ring: var(--theme-frontend-primary-button-focus-ring);
  --theme-layout-footer-border: var(--theme-border-subtle);
  --theme-layout-footer-background: var(--theme-surface-card);
  --theme-layout-footer-text: var(--theme-text-muted);
  --theme-layout-footer-link: var(--theme-text-secondary);
  --theme-layout-footer-link-hover: var(--theme-brand-text);
  --theme-comment-feedback-success-border: color-mix(in srgb, var(--theme-success-text) 18%, var(--theme-border-subtle));
  --theme-comment-feedback-success-background: linear-gradient(180deg, color-mix(in srgb, var(--theme-success-surface) 92%, #ffffff 8%) 0%, color-mix(in srgb, var(--theme-success-surface) 84%, #f8fafc 16%) 100%);
  --theme-comment-feedback-success-text: var(--theme-success-text);
  --theme-comment-feedback-error-border: color-mix(in srgb, var(--theme-danger-text) 18%, var(--theme-border-subtle));
  --theme-comment-feedback-error-background: linear-gradient(180deg, color-mix(in srgb, var(--theme-danger-surface) 92%, #ffffff 8%) 0%, color-mix(in srgb, var(--theme-danger-surface) 84%, #f8fafc 16%) 100%);
  --theme-comment-feedback-error-text: var(--theme-danger-text);
  --theme-comment-composer-border: color-mix(in srgb, var(--theme-brand-text) 18%, var(--theme-border-subtle));
  --theme-comment-composer-background: linear-gradient(135deg, color-mix(in srgb, var(--theme-brand-surface) 46%, #ffffff 54%) 0%, color-mix(in srgb, var(--theme-surface-card) 92%, #ffffff 8%) 52%, color-mix(in srgb, var(--theme-brand-surface) 28%, #f8fafc 72%) 100%);
  --theme-comment-composer-shadow: 0 16px 30px -24px rgba(14, 165, 233, 0.22);
  --theme-comment-composer-badge-background: var(--theme-brand-surface);
  --theme-comment-composer-badge-text: var(--theme-brand-text);
  --theme-comment-composer-title: var(--theme-text-primary);
  --theme-comment-composer-description: var(--theme-text-muted);
  --theme-comment-field-label: var(--theme-text-secondary);
  --theme-comment-field-border: var(--theme-border-subtle);
  --theme-comment-field-background: var(--theme-surface-card);
  --theme-comment-field-text: var(--theme-text-primary);
  --theme-comment-field-placeholder: var(--theme-text-soft);
  --theme-comment-field-focus-border: rgba(56, 189, 248, 0.72);
  --theme-comment-field-focus-ring: 0 0 0 4px rgba(224, 242, 254, 0.95);
  --theme-comment-help-text: var(--theme-text-soft);
  --theme-comment-character-count: var(--theme-text-muted);
  --theme-comment-privacy-border: var(--theme-border-subtle);
  --theme-comment-privacy-background: linear-gradient(180deg, color-mix(in srgb, var(--theme-surface-card) 96%, #ffffff 4%) 0%, color-mix(in srgb, var(--theme-surface-muted) 76%, #ffffff 24%) 100%);
  --theme-comment-privacy-text: var(--theme-text-muted);
  --theme-comment-submit-disabled-background: #94a3b8;
  --theme-comment-submit-disabled-text: #f8fafc;
  --theme-comment-submit-disabled-shadow: none;
  --theme-comment-closed-border: color-mix(in srgb, var(--theme-warning-text) 18%, var(--theme-border-subtle));
  --theme-comment-closed-background: linear-gradient(180deg, color-mix(in srgb, var(--theme-warning-surface) 90%, #ffffff 10%) 0%, color-mix(in srgb, var(--theme-warning-surface) 82%, #f8fafc 18%) 100%);
  --theme-comment-closed-text: var(--theme-warning-text);
  --theme-comment-validation-title: var(--theme-danger-text);
  --theme-comment-input-invalid-border: color-mix(in srgb, var(--theme-danger-text) 28%, var(--theme-border-subtle));
  --theme-comment-input-invalid-background: color-mix(in srgb, var(--theme-danger-surface) 52%, var(--theme-surface-card));
  --theme-comment-input-invalid-focus-border: color-mix(in srgb, var(--theme-danger-text) 44%, var(--theme-border-strong));
  --theme-comment-input-invalid-focus-ring: 0 0 0 4px color-mix(in srgb, var(--theme-danger-surface) 70%, transparent);
  --theme-comment-card-border: color-mix(in srgb, var(--theme-border-subtle) 72%, transparent);
  --theme-comment-card-background: linear-gradient(180deg, color-mix(in srgb, var(--theme-surface-muted) 78%, var(--theme-surface-card)) 0%, color-mix(in srgb, var(--theme-surface-muted) 52%, var(--theme-surface-card)) 100%);
  --theme-comment-card-border-hover: var(--theme-border-strong);
  --theme-comment-card-background-hover: linear-gradient(180deg, color-mix(in srgb, var(--theme-surface-card) 96%, var(--theme-brand-surface) 4%) 0%, var(--theme-surface-card) 100%);
  --theme-comment-avatar-background: var(--theme-text-primary);
  --theme-comment-avatar-text: var(--theme-surface-card);
  --theme-comment-author-text: var(--theme-text-primary);
  --theme-comment-meta-text: var(--theme-text-muted);
  --theme-comment-content-text: var(--theme-text-secondary);
  --theme-comment-empty-border: color-mix(in srgb, var(--theme-border-subtle) 72%, transparent);
  --theme-comment-empty-background: linear-gradient(180deg, color-mix(in srgb, var(--theme-surface-muted) 82%, var(--theme-surface-card)) 0%, color-mix(in srgb, var(--theme-surface-muted-strong) 58%, var(--theme-surface-card)) 100%);
  --theme-comment-empty-text: var(--theme-text-muted);
  --theme-admin-panel-border: rgba(148, 163, 184, 0.24);
  --theme-admin-panel-background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.96) 100%);
  --theme-admin-panel-shadow: 0 24px 44px -34px rgba(15, 23, 42, 0.32);
  --theme-admin-panel-divider: rgba(226, 232, 240, 0.92);
  --theme-admin-panel-title: var(--theme-text-primary);
  --theme-admin-panel-subtitle: var(--theme-text-muted);
  --theme-admin-panel-link: var(--theme-brand-text);
  --theme-admin-panel-link-hover: var(--theme-brand-text-strong);
  --theme-admin-subpanel-border: rgba(226, 232, 240, 0.96);
  --theme-admin-subpanel-background: linear-gradient(180deg, rgba(248, 250, 252, 0.96) 0%, rgba(255, 255, 255, 0.92) 100%);
  --theme-admin-subpanel-shadow: 0 12px 28px -24px rgba(15, 23, 42, 0.18);
  --theme-admin-form-surface-border: rgba(186, 230, 253, 0.62);
  --theme-admin-form-surface-background: linear-gradient(135deg, rgba(248, 250, 252, 0.96) 0%, rgba(240, 249, 255, 0.95) 100%);
  --theme-admin-field-label: var(--theme-text-secondary);
  --theme-admin-field-border: rgba(186, 230, 253, 0.72);
  --theme-admin-field-background: rgba(255, 255, 255, 0.96);
  --theme-admin-field-text: var(--theme-text-primary);
  --theme-admin-field-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
  --theme-admin-field-focus-border: #38bdf8;
  --theme-admin-field-focus-ring: 0 0 0 4px rgba(14, 165, 233, 0.14);
  --theme-admin-help-text: var(--theme-text-soft);
  --theme-admin-form-error-text: color-mix(in srgb, var(--theme-danger-text) 92%, #7f1d1d 8%);
  --theme-admin-button-focus-ring: 0 0 0 3px color-mix(in srgb, var(--theme-brand-text) 15%, transparent);
  --theme-admin-primary-action-border: rgba(14, 165, 233, 0.72);
  --theme-admin-primary-action-background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  --theme-admin-primary-action-background-hover: linear-gradient(135deg, #111827 0%, #0f172a 100%);
  --theme-admin-primary-action-text: #f8fafc;
  --theme-admin-primary-action-shadow: 0 16px 28px -22px rgba(15, 23, 42, 0.7);
  --theme-admin-secondary-action-border: rgba(186, 230, 253, 0.9);
  --theme-admin-secondary-action-background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 250, 252, 0.96) 100%);
  --theme-admin-secondary-action-background-hover: linear-gradient(180deg, rgba(240, 249, 255, 0.98) 0%, rgba(226, 232, 240, 0.98) 100%);
  --theme-admin-secondary-action-text: var(--theme-text-secondary);
  --theme-admin-brand-action-border: color-mix(in srgb, var(--theme-brand-text) 22%, var(--theme-border-subtle));
  --theme-admin-brand-action-background: var(--theme-brand-surface);
  --theme-admin-brand-action-background-hover: var(--theme-brand-surface-strong);
  --theme-admin-brand-action-text: var(--theme-brand-text-strong);
  --theme-admin-danger-action-border: color-mix(in srgb, var(--theme-danger-text) 18%, var(--theme-border-subtle));
  --theme-admin-danger-action-background: var(--theme-focus-surface);
  --theme-admin-danger-action-background-hover: var(--theme-danger-surface);
  --theme-admin-danger-action-text: var(--theme-danger-text);
  --theme-admin-danger-solid-action-border: color-mix(in srgb, var(--theme-danger-text) 42%, transparent);
  --theme-admin-danger-solid-action-background: var(--theme-danger-text);
  --theme-admin-danger-solid-action-background-hover: color-mix(in srgb, var(--theme-danger-text) 90%, #000 10%);
  --theme-admin-danger-solid-action-text: #f8fafc;
  --theme-admin-success-action-border: color-mix(in srgb, var(--theme-success-text) 40%, transparent);
  --theme-admin-success-action-background: var(--theme-success-text);
  --theme-admin-success-action-background-hover: color-mix(in srgb, var(--theme-success-text) 90%, #000 10%);
  --theme-admin-success-action-text: #f8fafc;
  --theme-admin-warning-action-border: color-mix(in srgb, var(--theme-warning-text) 34%, transparent);
  --theme-admin-warning-action-background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
  --theme-admin-warning-action-background-hover: linear-gradient(135deg, #f59e0b 0%, #fcd34d 100%);
  --theme-admin-warning-action-text: #fff7ed;
  --theme-admin-metric-border: rgba(186, 230, 253, 0.72);
  --theme-admin-metric-background: linear-gradient(135deg, rgba(248, 250, 252, 0.96) 0%, rgba(240, 249, 255, 0.95) 100%);
  --theme-admin-metric-label: var(--theme-text-muted);
  --theme-admin-metric-value: var(--theme-text-primary);
  --theme-admin-metric-meta: var(--theme-text-muted);
  --theme-admin-metric-brand-border: color-mix(in srgb, var(--theme-brand-text) 24%, var(--theme-border-subtle));
  --theme-admin-metric-brand-background: linear-gradient(135deg, rgba(240, 249, 255, 0.98) 0%, rgba(224, 242, 254, 0.96) 100%);
  --theme-admin-metric-brand-label: var(--theme-brand-text);
  --theme-admin-metric-brand-value: var(--theme-brand-text-strong);
  --theme-admin-metric-brand-meta: var(--theme-brand-text);
  --theme-admin-metric-success-border: color-mix(in srgb, var(--theme-success-text) 24%, var(--theme-border-subtle));
  --theme-admin-metric-success-background: linear-gradient(135deg, rgba(236, 253, 245, 0.98) 0%, rgba(209, 250, 229, 0.94) 100%);
  --theme-admin-metric-success-label: var(--theme-success-text);
  --theme-admin-metric-success-value: color-mix(in srgb, var(--theme-success-text) 90%, #052e16 10%);
  --theme-admin-metric-success-meta: var(--theme-success-text);
  --theme-admin-metric-warning-border: color-mix(in srgb, var(--theme-warning-text) 24%, var(--theme-border-subtle));
  --theme-admin-metric-warning-background: linear-gradient(135deg, rgba(255, 251, 235, 0.98) 0%, rgba(254, 243, 199, 0.94) 100%);
  --theme-admin-metric-warning-label: var(--theme-warning-text);
  --theme-admin-metric-warning-value: color-mix(in srgb, var(--theme-warning-text) 88%, #431407 12%);
  --theme-admin-metric-warning-meta: var(--theme-warning-text);
  --theme-admin-metric-danger-border: color-mix(in srgb, var(--theme-danger-text) 24%, var(--theme-border-subtle));
  --theme-admin-metric-danger-background: linear-gradient(135deg, rgba(255, 241, 242, 0.98) 0%, rgba(255, 228, 230, 0.94) 100%);
  --theme-admin-metric-danger-label: var(--theme-danger-text);
  --theme-admin-metric-danger-value: color-mix(in srgb, var(--theme-danger-text) 88%, #4c0519 12%);
  --theme-admin-metric-danger-meta: var(--theme-danger-text);
  --theme-admin-badge-shadow: 0 10px 22px -18px rgba(15, 23, 42, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.92), inset 0 -1px 0 rgba(255, 255, 255, 0.12);
  --theme-admin-badge-backdrop-filter: saturate(160%) blur(10px);
  --theme-admin-badge-highlight: linear-gradient(180deg, rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 0.08) 100%);
  --theme-admin-badge-slate-border: rgba(148, 163, 184, 0.24);
  --theme-admin-badge-slate-background: linear-gradient(135deg, rgba(255, 255, 255, 0.84) 0%, rgba(248, 250, 252, 0.94) 42%, rgba(226, 232, 240, 0.88) 100%);
  --theme-admin-badge-slate-text: #334155;
  --theme-admin-badge-sky-border: rgba(125, 211, 252, 0.28);
  --theme-admin-badge-sky-background: linear-gradient(135deg, rgba(255, 255, 255, 0.82) 0%, rgba(240, 249, 255, 0.92) 42%, rgba(186, 230, 253, 0.88) 100%);
  --theme-admin-badge-sky-text: #075985;
  --theme-admin-badge-emerald-border: rgba(110, 231, 183, 0.26);
  --theme-admin-badge-emerald-background: linear-gradient(135deg, rgba(255, 255, 255, 0.82) 0%, rgba(240, 253, 244, 0.92) 42%, rgba(167, 243, 208, 0.86) 100%);
  --theme-admin-badge-emerald-text: #065f46;
  --theme-admin-badge-violet-border: rgba(196, 181, 253, 0.28);
  --theme-admin-badge-violet-background: linear-gradient(135deg, rgba(255, 255, 255, 0.82) 0%, rgba(245, 243, 255, 0.92) 42%, rgba(221, 214, 254, 0.88) 100%);
  --theme-admin-badge-violet-text: #5b21b6;
  --theme-admin-badge-amber-border: rgba(252, 211, 77, 0.28);
  --theme-admin-badge-amber-background: linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 251, 235, 0.92) 42%, rgba(253, 230, 138, 0.86) 100%);
  --theme-admin-badge-amber-text: #92400e;
  --theme-admin-badge-rose-border: rgba(253, 164, 175, 0.26);
  --theme-admin-badge-rose-background: linear-gradient(135deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 241, 242, 0.92) 42%, rgba(254, 205, 211, 0.86) 100%);
  --theme-admin-badge-rose-text: #9f1239;
  --theme-admin-badge-purple-border: rgba(196, 181, 253, 0.28);
  --theme-admin-badge-purple-background: linear-gradient(135deg, rgba(255, 255, 255, 0.82) 0%, rgba(245, 243, 255, 0.92) 42%, rgba(221, 214, 254, 0.88) 100%);
  --theme-admin-badge-purple-text: #5b21b6;
  --theme-admin-memo-textarea-background-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(240, 249, 255, 0.18) 100%);
  --theme-admin-memo-textarea-focus-ring: 0 0 0 4px rgba(14, 165, 233, 0.16), 0 16px 30px -24px rgba(14, 165, 233, 0.22);
  --theme-admin-empty-border: rgba(148, 163, 184, 0.35);
  --theme-admin-empty-background: linear-gradient(180deg, rgba(248, 250, 252, 0.96) 0%, rgba(241, 245, 249, 0.96) 100%);
  --theme-admin-empty-text: var(--theme-text-muted);
  --theme-admin-notice-warning-border: rgba(251, 191, 36, 0.42);
  --theme-admin-notice-warning-background: linear-gradient(180deg, rgba(255, 251, 235, 0.96) 0%, rgba(254, 243, 199, 0.92) 100%);
  --theme-admin-notice-warning-text: #92400e;
  --theme-admin-notice-danger-border: rgba(251, 113, 133, 0.34);
  --theme-admin-notice-danger-background: linear-gradient(180deg, rgba(255, 241, 242, 0.98) 0%, rgba(255, 228, 230, 0.92) 100%);
  --theme-admin-notice-danger-text: var(--theme-danger-text);
  --theme-admin-notice-success-border: rgba(52, 211, 153, 0.32);
  --theme-admin-notice-success-background: linear-gradient(180deg, rgba(236, 253, 245, 0.98) 0%, rgba(209, 250, 229, 0.92) 100%);
  --theme-admin-notice-success-text: var(--theme-success-text);
  --theme-admin-dashboard-alert-warning-border: rgba(251, 191, 36, 0.42);
  --theme-admin-dashboard-alert-warning-background: linear-gradient(180deg, rgba(255, 251, 235, 0.96) 0%, rgba(254, 243, 199, 0.92) 100%);
  --theme-admin-dashboard-alert-warning-text: #92400e;
  --theme-admin-dashboard-trend-panel-border: rgba(125, 211, 252, 0.7);
  --theme-admin-dashboard-trend-panel-background: radial-gradient(circle at top right, rgba(125, 211, 252, 0.3), transparent 42%), linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
  --theme-admin-dashboard-trend-panel-highlight: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, transparent 100%);
  --theme-admin-dashboard-trend-highlight-border: rgba(186, 230, 253, 0.95);
  --theme-admin-dashboard-trend-highlight-background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(240, 249, 255, 0.9) 100%);
  --theme-admin-dashboard-trend-highlight-shadow: 0 18px 32px -24px rgba(14, 165, 233, 0.42);
  --theme-admin-dashboard-trend-highlight-label: #0369a1;
  --theme-admin-dashboard-trend-highlight-value: var(--theme-text-primary);
  --theme-admin-dashboard-trend-highlight-meta: var(--theme-text-muted);
  --theme-admin-dashboard-trend-chart-border: rgba(186, 230, 253, 0.88);
  --theme-admin-dashboard-trend-chart-background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(240, 249, 255, 0.98) 100%);
  --theme-admin-dashboard-trend-grid-line: rgba(148, 163, 184, 0.45);
  --theme-admin-dashboard-trend-area-fill: color-mix(in srgb, #38bdf8 18%, transparent);
  --theme-admin-dashboard-trend-area-stop-start: #38bdf8;
  --theme-admin-dashboard-trend-area-stop-start-opacity: 0.26;
  --theme-admin-dashboard-trend-area-stop-end: #38bdf8;
  --theme-admin-dashboard-trend-area-stop-end-opacity: 0.04;
  --theme-admin-dashboard-trend-line-stroke: color-mix(in srgb, #0ea5e9 82%, #22d3ee 18%);
  --theme-admin-dashboard-trend-line-shadow: drop-shadow(0 10px 14px rgba(14, 165, 233, 0.18));
  --theme-admin-dashboard-trend-guide-line: rgba(14, 165, 233, 0.34);
  --theme-admin-dashboard-trend-point-halo: rgba(125, 211, 252, 0.3);
  --theme-admin-dashboard-trend-point-fill: #ffffff;
  --theme-admin-dashboard-trend-point-stroke: #0284c7;
  --theme-admin-dashboard-trend-point-peak-fill: #f0f9ff;
  --theme-admin-dashboard-trend-point-peak-stroke: #0369a1;
  --theme-admin-dashboard-trend-axis-label: var(--theme-text-muted);
  --theme-admin-dashboard-trend-scale-text-halo: rgba(255, 255, 255, 0.88);
  --theme-admin-dashboard-trend-scale-label-background: rgba(255, 255, 255, 0.64);
  --theme-admin-dashboard-ranking-panel-border: rgba(186, 230, 253, 0.74);
  --theme-admin-dashboard-ranking-panel-background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 100%);
  --theme-admin-dashboard-ranking-panel-shadow: 0 24px 40px -34px rgba(15, 23, 42, 0.35);
  --theme-admin-dashboard-ranking-panel-accent-sky: linear-gradient(90deg, #0ea5e9 0%, #38bdf8 100%);
  --theme-admin-dashboard-ranking-panel-accent-emerald: linear-gradient(90deg, #10b981 0%, #34d399 100%);
  --theme-admin-dashboard-ranking-panel-glow-sky: radial-gradient(circle at top right, rgba(56, 189, 248, 0.22), transparent 46%);
  --theme-admin-dashboard-ranking-panel-glow-emerald: radial-gradient(circle at top right, rgba(52, 211, 153, 0.2), transparent 46%);
  --theme-admin-dashboard-ranking-empty-border: #cbd5e1;
  --theme-admin-dashboard-ranking-empty-background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  --theme-admin-dashboard-ranking-empty-text: var(--theme-text-muted);
  --theme-admin-dashboard-ranking-item-border: rgba(226, 232, 240, 0.96);
  --theme-admin-dashboard-ranking-item-background: linear-gradient(135deg, rgba(255, 255, 255, 0.99) 0%, rgba(240, 249, 255, 0.94) 100%);
  --theme-admin-dashboard-ranking-item-shadow: 0 20px 28px -28px rgba(15, 23, 42, 0.3);
  --theme-admin-dashboard-ranking-rank-background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);
  --theme-admin-dashboard-ranking-rank-text: #0369a1;
  --theme-admin-dashboard-ranking-rank-background-emerald: linear-gradient(135deg, #d1fae5 0%, #ecfdf5 100%);
  --theme-admin-dashboard-ranking-rank-text-emerald: #047857;
  --theme-admin-dashboard-ranking-title: var(--theme-text-primary);
  --theme-admin-dashboard-ranking-subtitle: var(--theme-text-muted);
  --theme-admin-dashboard-ranking-value-border: #bae6fd;
  --theme-admin-dashboard-ranking-value-background: linear-gradient(135deg, rgba(240, 249, 255, 0.98) 0%, rgba(224, 242, 254, 0.98) 100%);
  --theme-admin-dashboard-ranking-value-text: #0369a1;
  --theme-admin-dashboard-ranking-value-border-emerald: #a7f3d0;
  --theme-admin-dashboard-ranking-value-background-emerald: linear-gradient(135deg, rgba(236, 253, 245, 0.98) 0%, rgba(209, 250, 229, 0.98) 100%);
  --theme-admin-dashboard-ranking-value-text-emerald: #047857;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --color-brand-400: #38bdf8;
  --color-brand-500: #38bdf8;
  --color-brand-600: #7dd3fc;
  --color-brand-700: #bae6fd;
  --color-surface-50: #020617;
  --color-surface-100: #0f172a;
  --color-surface-200: #1e293b;
  --color-surface-300: #334155;
  --color-surface-400: #475569;
  --color-surface-500: #94a3b8;
  --color-surface-600: #cbd5e1;
  --color-surface-700: #e2e8f0;
  --color-surface-900: #f8fafc;
  --color-code-inline: #f9a8d4;
  --theme-surface-app: #020617;
  --theme-surface-card: #0f172a;
  --theme-surface-muted: #111827;
  --theme-surface-muted-strong: #1e293b;
  --theme-surface-overlay: rgba(15, 23, 42, 0.8);
  --theme-surface-overlay-strong: rgba(15, 23, 42, 0.9);
  --theme-border-subtle: #334155;
  --theme-border-strong: #475569;
  --theme-text-primary: #f8fafc;
  --theme-text-secondary: #e2e8f0;
  --theme-text-muted: #94a3b8;
  --theme-text-soft: #64748b;
  --theme-brand-surface: rgba(14, 165, 233, 0.18);
  --theme-brand-surface-strong: rgba(14, 165, 233, 0.26);
  --theme-brand-text: #7dd3fc;
  --theme-brand-text-strong: #bae6fd;
  --theme-success-surface: rgba(16, 185, 129, 0.18);
  --theme-success-text: #6ee7b7;
  --theme-warning-surface: rgba(245, 158, 11, 0.2);
  --theme-warning-text: #fcd34d;
  --theme-danger-surface: rgba(244, 63, 94, 0.18);
  --theme-danger-text: #fda4af;
  --theme-info-surface: rgba(139, 92, 246, 0.2);
  --theme-info-text: #c4b5fd;
  --theme-focus-surface: #0f172a;
  --theme-code-surface: #020617;
  --theme-code-text: #cbd5e1;
  --theme-editor-toolbar-bg: linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(15, 23, 42, 0.88));
  --theme-editor-history-bg: linear-gradient(180deg, rgba(15, 23, 42, 0.92), rgba(30, 41, 59, 0.84));
  --theme-select-inner-highlight-strong: rgba(148, 163, 184, 0.08);
  --theme-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8l4 4 4-4' stroke='%23cbd5e1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --theme-frontend-select-label: var(--theme-text-secondary);
  --theme-frontend-select-text: var(--theme-text-primary);
  --theme-frontend-select-background: linear-gradient(180deg, rgba(15, 23, 42, 0.96) 0%, rgba(17, 24, 39, 0.98) 100%);
  --theme-frontend-select-background-hover: linear-gradient(180deg, rgba(30, 41, 59, 0.96) 0%, rgba(17, 24, 39, 1) 100%);
  --theme-frontend-select-border: rgba(71, 85, 105, 0.88);
  --theme-frontend-select-border-hover: rgba(125, 211, 252, 0.34);
  --theme-frontend-select-shadow: 0 14px 32px rgba(2, 6, 23, 0.42);
  --theme-frontend-select-focus-border: rgba(125, 211, 252, 0.9);
  --theme-frontend-select-focus-ring: 0 0 0 4px rgba(14, 165, 233, 0.18), 0 16px 34px rgba(2, 6, 23, 0.5);
  --theme-frontend-select-icon: var(--theme-text-muted);
  --theme-frontend-select-icon-active: var(--theme-brand-text-strong);
  --theme-frontend-search-suggestions-background: rgba(15, 23, 42, 0.96);
  --theme-frontend-search-suggestions-border: rgba(71, 85, 105, 0.88);
  --theme-frontend-search-suggestions-shadow: 0 28px 56px rgba(2, 6, 23, 0.5);
  --theme-frontend-search-suggestion-text: var(--theme-text-secondary);
  --theme-frontend-search-suggestion-hover-background: rgba(30, 41, 59, 0.95);
  --theme-frontend-search-suggestion-divider: rgba(71, 85, 105, 0.55);
  --theme-frontend-search-suggestion-badge-background: rgba(30, 41, 59, 0.96);
  --theme-frontend-search-suggestion-badge-text: var(--theme-text-muted);
  --theme-frontend-pagination-background: var(--theme-surface-card);
  --theme-frontend-pagination-border: var(--theme-border-strong);
  --theme-frontend-pagination-shadow: 0 16px 36px rgba(2, 6, 23, 0.4);
  --theme-frontend-pagination-summary: var(--theme-text-muted);
  --theme-frontend-pagination-link-background: var(--theme-surface-card);
  --theme-frontend-pagination-link-background-hover: var(--theme-surface-muted-strong);
  --theme-frontend-pagination-link-border: var(--theme-border-strong);
  --theme-frontend-pagination-link-border-hover: #64748b;
  --theme-frontend-pagination-link-text: var(--theme-text-secondary);
  --theme-frontend-pagination-link-disabled-background: var(--theme-surface-muted);
  --theme-frontend-pagination-link-disabled-text: var(--theme-text-soft);
  --theme-frontend-pagination-link-active-background: rgba(14, 165, 233, 0.18);
  --theme-frontend-pagination-link-active-border: rgba(56, 189, 248, 0.42);
  --theme-frontend-pagination-link-active-text: var(--theme-brand-text);
  --theme-frontend-pagination-link-primary-background: #1e293b;
  --theme-frontend-pagination-link-primary-background-hover: #334155;
  --theme-frontend-pagination-link-primary-border: #64748b;
  --theme-frontend-pagination-link-primary-text: #f8fafc;
  --theme-frontend-pagination-link-load-more-background: rgba(14, 165, 233, 0.18);
  --theme-frontend-pagination-link-load-more-background-hover: rgba(14, 165, 233, 0.26);
  --theme-frontend-pagination-link-load-more-border: rgba(56, 189, 248, 0.38);
  --theme-frontend-pagination-link-load-more-border-hover: rgba(56, 189, 248, 0.48);
  --theme-frontend-pagination-link-load-more-text: var(--theme-brand-text);
  --theme-frontend-pagination-ellipsis: var(--theme-text-soft);
  --theme-frontend-primary-button-background: #1e293b;
  --theme-frontend-primary-button-background-hover: #334155;
  --theme-frontend-primary-button-border: #64748b;
  --theme-frontend-primary-button-text: #f8fafc;
  --theme-frontend-primary-button-shadow: 0 14px 32px rgba(2, 6, 23, 0.42);
  --theme-frontend-primary-button-focus-ring: 0 0 0 4px rgba(56, 189, 248, 0.2);
  --theme-frontend-card-border: rgba(71, 85, 105, 0.78);
  --theme-frontend-card-border-hover: rgba(56, 189, 248, 0.42);
  --theme-frontend-card-background: linear-gradient(180deg, rgba(15, 23, 42, 0.96) 0%, rgba(17, 24, 39, 0.94) 100%);
  --theme-frontend-subpanel-background: linear-gradient(180deg, rgba(30, 41, 59, 0.72) 0%, rgba(15, 23, 42, 0.82) 100%);
  --theme-frontend-hero-background: radial-gradient(circle at top right, rgba(56, 189, 248, 0.18), transparent 42%), linear-gradient(135deg, rgba(15, 23, 42, 0.98) 0%, rgba(8, 47, 73, 0.78) 48%, rgba(30, 41, 59, 0.94) 100%);
  --theme-frontend-glass-border: rgba(71, 85, 105, 0.72);
  --theme-frontend-glass-background: linear-gradient(180deg, rgba(15, 23, 42, 0.82) 0%, rgba(30, 41, 59, 0.72) 100%);
  --theme-frontend-card-shadow: 0 24px 46px -34px rgba(2, 6, 23, 0.9);
  --theme-frontend-card-shadow-hover: 0 32px 58px -36px rgba(2, 6, 23, 0.95);
  --theme-frontend-divider: rgba(71, 85, 105, 0.64);
  --theme-frontend-list-item-background: rgba(30, 41, 59, 0.7);
  --theme-frontend-empty-border: rgba(56, 189, 248, 0.34);
  --theme-frontend-empty-background: linear-gradient(180deg, rgba(8, 47, 73, 0.72) 0%, rgba(12, 74, 110, 0.48) 100%);
  --theme-frontend-empty-text: var(--theme-brand-text-strong);
  --theme-frontend-notice-info-border: color-mix(in srgb, var(--theme-brand-text) 30%, var(--theme-border-strong));
  --theme-frontend-notice-info-background: var(--theme-frontend-empty-background);
  --theme-frontend-notice-info-text: var(--theme-brand-text-strong);
  --theme-frontend-notice-warning-border: color-mix(in srgb, var(--theme-warning-text) 32%, var(--theme-border-strong));
  --theme-frontend-notice-warning-background: linear-gradient(180deg, rgba(120, 53, 15, 0.62) 0%, rgba(69, 26, 3, 0.58) 100%);
  --theme-frontend-notice-warning-text: var(--theme-warning-text);
  --theme-frontend-notice-danger-border: color-mix(in srgb, var(--theme-danger-text) 32%, var(--theme-border-strong));
  --theme-frontend-notice-danger-background: linear-gradient(180deg, rgba(76, 5, 25, 0.68) 0%, rgba(159, 18, 57, 0.38) 100%);
  --theme-frontend-notice-danger-text: var(--theme-danger-text);
  --theme-frontend-secondary-action-border: rgba(71, 85, 105, 0.86);
  --theme-frontend-secondary-action-border-hover: rgba(125, 211, 252, 0.38);
  --theme-frontend-secondary-action-background: linear-gradient(180deg, rgba(30, 41, 59, 0.76) 0%, rgba(15, 23, 42, 0.88) 100%);
  --theme-frontend-secondary-action-background-hover: linear-gradient(180deg, rgba(30, 41, 59, 0.96) 0%, rgba(8, 47, 73, 0.82) 100%);
  --theme-frontend-secondary-action-text: var(--theme-text-secondary);
  --theme-frontend-secondary-action-text-hover: var(--theme-text-primary);
  --theme-frontend-brand-action-border: rgba(56, 189, 248, 0.38);
  --theme-frontend-brand-action-border-hover: rgba(56, 189, 248, 0.5);
  --theme-frontend-brand-action-background: rgba(14, 165, 233, 0.18);
  --theme-frontend-brand-action-background-hover: rgba(14, 165, 233, 0.26);
  --theme-frontend-brand-action-text: var(--theme-brand-text);
  --theme-frontend-action-focus-ring: 0 0 0 4px rgba(56, 189, 248, 0.2);
  --theme-frontend-field-border: var(--theme-border-strong);
  --theme-frontend-field-background: color-mix(in srgb, var(--theme-surface-card) 90%, var(--theme-surface-muted));
  --theme-frontend-field-text: var(--theme-text-primary);
  --theme-frontend-field-placeholder: var(--theme-text-soft);
  --theme-frontend-field-shadow: 0 14px 32px rgba(2, 6, 23, 0.42);
  --theme-frontend-field-focus-border: rgba(125, 211, 252, 0.88);
  --theme-frontend-field-focus-ring: 0 0 0 4px rgba(14, 165, 233, 0.18);
  --theme-frontend-badge-slate-border: rgba(148, 163, 184, 0.18);
  --theme-frontend-badge-slate-background: rgba(30, 41, 59, 0.9);
  --theme-frontend-badge-slate-text: var(--theme-text-secondary);
  --theme-frontend-badge-sky-border: rgba(56, 189, 248, 0.24);
  --theme-frontend-badge-sky-background: rgba(14, 165, 233, 0.18);
  --theme-frontend-badge-sky-text: var(--theme-brand-text);
  --theme-frontend-badge-emerald-border: rgba(52, 211, 153, 0.24);
  --theme-frontend-badge-emerald-background: rgba(16, 185, 129, 0.18);
  --theme-frontend-badge-emerald-text: var(--theme-success-text);
  --theme-frontend-badge-violet-border: rgba(196, 181, 253, 0.24);
  --theme-frontend-badge-violet-background: rgba(139, 92, 246, 0.2);
  --theme-frontend-badge-violet-text: var(--theme-info-text);
  --theme-frontend-badge-amber-border: rgba(245, 158, 11, 0.24);
  --theme-frontend-badge-amber-background: rgba(245, 158, 11, 0.2);
  --theme-frontend-badge-amber-text: var(--theme-warning-text);
  --theme-frontend-badge-strong-border: rgba(148, 163, 184, 0.18);
  --theme-frontend-badge-strong-background: rgba(30, 41, 59, 0.98);
  --theme-frontend-badge-strong-text: var(--theme-text-primary);
  --theme-layout-header-border: rgba(71, 85, 105, 0.82);
  --theme-layout-header-background: rgba(15, 23, 42, 0.88);
  --theme-layout-brand-text: var(--theme-text-primary);
  --theme-layout-nav-link-background-hover: rgba(30, 41, 59, 0.88);
  --theme-layout-nav-link-text: var(--theme-text-muted);
  --theme-layout-nav-link-text-hover: var(--theme-text-primary);
  --theme-layout-nav-link-active-background: rgba(14, 165, 233, 0.18);
  --theme-layout-nav-link-active-text: var(--theme-brand-text-strong);
  --theme-layout-menu-button-border: rgba(71, 85, 105, 0.88);
  --theme-layout-menu-button-background: rgba(15, 23, 42, 0.92);
  --theme-layout-menu-button-background-hover: rgba(30, 41, 59, 0.96);
  --theme-layout-menu-button-text: var(--theme-text-secondary);
  --theme-layout-primary-action-border: rgba(125, 211, 252, 0.52);
  --theme-layout-primary-action-background: linear-gradient(135deg, rgba(2, 132, 199, 0.92) 0%, rgba(14, 165, 233, 0.78) 52%, rgba(12, 74, 110, 0.96) 100%);
  --theme-layout-primary-action-background-hover: linear-gradient(135deg, rgba(3, 105, 161, 0.98) 0%, rgba(56, 189, 248, 0.88) 52%, rgba(8, 47, 73, 0.98) 100%);
  --theme-layout-primary-action-text: #f8fafc;
  --theme-layout-primary-action-shadow: 0 18px 34px rgba(2, 132, 199, 0.28);
  --theme-layout-primary-action-focus-ring: 0 0 0 4px rgba(56, 189, 248, 0.24);
  --theme-layout-footer-border: rgba(71, 85, 105, 0.78);
  --theme-layout-footer-background: rgba(15, 23, 42, 0.96);
  --theme-layout-footer-text: var(--theme-text-muted);
  --theme-layout-footer-link: var(--theme-text-secondary);
  --theme-layout-footer-link-hover: var(--theme-brand-text-strong);
  --theme-comment-feedback-success-border: color-mix(in srgb, var(--theme-success-text) 28%, var(--theme-border-strong));
  --theme-comment-feedback-success-background: linear-gradient(180deg, color-mix(in srgb, var(--theme-success-surface) 68%, var(--theme-surface-card)) 0%, color-mix(in srgb, var(--theme-success-surface) 52%, var(--theme-surface-muted)) 100%);
  --theme-comment-feedback-success-text: var(--theme-success-text);
  --theme-comment-feedback-error-border: color-mix(in srgb, var(--theme-danger-text) 28%, var(--theme-border-strong));
  --theme-comment-feedback-error-background: linear-gradient(180deg, color-mix(in srgb, var(--theme-danger-surface) 70%, var(--theme-surface-card)) 0%, color-mix(in srgb, var(--theme-danger-surface) 54%, var(--theme-surface-muted)) 100%);
  --theme-comment-feedback-error-text: var(--theme-danger-text);
  --theme-comment-composer-border: color-mix(in srgb, var(--theme-brand-text) 24%, var(--theme-border-strong));
  --theme-comment-composer-background: linear-gradient(135deg, color-mix(in srgb, var(--theme-brand-surface) 20%, var(--theme-surface-card)) 0%, color-mix(in srgb, var(--theme-surface-card) 82%, var(--theme-surface-muted)) 52%, color-mix(in srgb, var(--theme-brand-surface) 14%, var(--theme-surface-muted-strong)) 100%);
  --theme-comment-composer-shadow: 0 18px 34px -26px rgba(2, 132, 199, 0.4);
  --theme-comment-composer-badge-background: color-mix(in srgb, var(--theme-brand-surface) 92%, var(--theme-surface-card));
  --theme-comment-composer-badge-text: var(--theme-brand-text-strong);
  --theme-comment-composer-title: var(--theme-text-primary);
  --theme-comment-composer-description: var(--theme-text-muted);
  --theme-comment-field-label: var(--theme-text-secondary);
  --theme-comment-field-border: var(--theme-border-strong);
  --theme-comment-field-background: color-mix(in srgb, var(--theme-surface-card) 90%, var(--theme-surface-muted));
  --theme-comment-field-text: var(--theme-text-primary);
  --theme-comment-field-placeholder: var(--theme-text-soft);
  --theme-comment-field-focus-border: rgba(125, 211, 252, 0.88);
  --theme-comment-field-focus-ring: 0 0 0 4px rgba(14, 165, 233, 0.18);
  --theme-comment-help-text: var(--theme-text-soft);
  --theme-comment-character-count: var(--theme-text-muted);
  --theme-comment-privacy-border: var(--theme-border-strong);
  --theme-comment-privacy-background: linear-gradient(180deg, color-mix(in srgb, var(--theme-surface-card) 94%, var(--theme-surface-muted)) 0%, color-mix(in srgb, var(--theme-surface-muted) 78%, var(--theme-surface-muted-strong)) 100%);
  --theme-comment-privacy-text: var(--theme-text-muted);
  --theme-comment-submit-disabled-background: #475569;
  --theme-comment-submit-disabled-text: #cbd5e1;
  --theme-comment-submit-disabled-shadow: none;
  --theme-comment-closed-border: color-mix(in srgb, var(--theme-warning-text) 28%, var(--theme-border-strong));
  --theme-comment-closed-background: linear-gradient(180deg, color-mix(in srgb, var(--theme-warning-surface) 38%, var(--theme-surface-card)) 0%, color-mix(in srgb, var(--theme-warning-surface) 28%, var(--theme-surface-muted)) 100%);
  --theme-comment-closed-text: var(--theme-warning-text);
  --theme-comment-validation-title: #fecdd3;
  --theme-comment-input-invalid-border: color-mix(in srgb, var(--theme-danger-text) 36%, var(--theme-border-strong));
  --theme-comment-input-invalid-background: color-mix(in srgb, var(--theme-danger-surface) 34%, var(--theme-surface-card));
  --theme-comment-input-invalid-focus-border: color-mix(in srgb, var(--theme-danger-text) 54%, var(--theme-border-strong));
  --theme-comment-input-invalid-focus-ring: 0 0 0 4px color-mix(in srgb, var(--theme-danger-surface) 56%, transparent);
  --theme-comment-card-border: color-mix(in srgb, var(--theme-border-subtle) 82%, transparent);
  --theme-comment-card-background: linear-gradient(180deg, color-mix(in srgb, var(--theme-surface-muted) 92%, var(--theme-surface-card)) 0%, color-mix(in srgb, var(--theme-surface-muted-strong) 76%, var(--theme-surface-card)) 100%);
  --theme-comment-card-border-hover: color-mix(in srgb, var(--theme-brand-text) 28%, var(--theme-border-strong));
  --theme-comment-card-background-hover: linear-gradient(180deg, color-mix(in srgb, var(--theme-brand-surface) 22%, var(--theme-surface-card)) 0%, color-mix(in srgb, var(--theme-surface-muted-strong) 82%, var(--theme-surface-card)) 100%);
  --theme-comment-avatar-background: color-mix(in srgb, var(--theme-surface-muted-strong) 84%, #000 16%);
  --theme-comment-avatar-text: var(--theme-text-primary);
  --theme-comment-author-text: var(--theme-text-primary);
  --theme-comment-meta-text: var(--theme-text-muted);
  --theme-comment-content-text: var(--theme-text-secondary);
  --theme-comment-empty-border: color-mix(in srgb, var(--theme-border-strong) 78%, transparent);
  --theme-comment-empty-background: linear-gradient(180deg, color-mix(in srgb, var(--theme-surface-muted) 94%, var(--theme-surface-card)) 0%, color-mix(in srgb, var(--theme-surface-muted-strong) 86%, var(--theme-surface-card)) 100%);
  --theme-comment-empty-text: var(--theme-text-muted);
  --theme-admin-panel-border: rgba(71, 85, 105, 0.72);
  --theme-admin-panel-background: linear-gradient(180deg, rgba(15, 23, 42, 0.98) 0%, rgba(17, 24, 39, 0.98) 100%);
  --theme-admin-panel-shadow: 0 28px 48px -34px rgba(2, 6, 23, 0.85);
  --theme-admin-panel-divider: rgba(71, 85, 105, 0.62);
  --theme-admin-panel-title: var(--theme-text-primary);
  --theme-admin-panel-subtitle: var(--theme-text-muted);
  --theme-admin-panel-link: var(--theme-brand-text);
  --theme-admin-panel-link-hover: var(--theme-brand-text-strong);
  --theme-admin-subpanel-border: rgba(71, 85, 105, 0.78);
  --theme-admin-subpanel-background: linear-gradient(180deg, rgba(15, 23, 42, 0.94) 0%, rgba(30, 41, 59, 0.92) 100%);
  --theme-admin-subpanel-shadow: 0 14px 30px -24px rgba(2, 6, 23, 0.6);
  --theme-admin-form-surface-border: rgba(14, 116, 144, 0.44);
  --theme-admin-form-surface-background: linear-gradient(135deg, rgba(15, 23, 42, 0.92) 0%, rgba(8, 47, 73, 0.88) 100%);
  --theme-admin-field-label: #cbd5e1;
  --theme-admin-field-border: rgba(71, 85, 105, 0.95);
  --theme-admin-field-background: rgba(15, 23, 42, 0.92);
  --theme-admin-field-text: #e2e8f0;
  --theme-admin-field-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.08);
  --theme-admin-field-focus-border: #38bdf8;
  --theme-admin-field-focus-ring: 0 0 0 4px rgba(14, 165, 233, 0.2);
  --theme-admin-help-text: var(--theme-text-soft);
  --theme-admin-button-focus-ring: 0 0 0 3px color-mix(in srgb, var(--theme-brand-text) 28%, transparent);
  --theme-admin-primary-action-border: rgba(56, 189, 248, 0.64);
  --theme-admin-primary-action-background: linear-gradient(135deg, #0f172a 0%, #0369a1 100%);
  --theme-admin-primary-action-background-hover: linear-gradient(135deg, #0f172a 0%, #0284c7 100%);
  --theme-admin-primary-action-text: #e0f2fe;
  --theme-admin-primary-action-shadow: 0 18px 28px -22px rgba(2, 132, 199, 0.55);
  --theme-admin-secondary-action-border: rgba(71, 85, 105, 0.95);
  --theme-admin-secondary-action-background: linear-gradient(180deg, rgba(30, 41, 59, 0.96) 0%, rgba(15, 23, 42, 0.96) 100%);
  --theme-admin-secondary-action-background-hover: linear-gradient(180deg, rgba(30, 41, 59, 0.98) 0%, rgba(8, 47, 73, 0.94) 100%);
  --theme-admin-secondary-action-text: #cbd5e1;
  --theme-admin-brand-action-border: color-mix(in srgb, var(--theme-brand-text) 32%, var(--theme-border-strong));
  --theme-admin-brand-action-background: rgba(14, 165, 233, 0.18);
  --theme-admin-brand-action-background-hover: rgba(14, 165, 233, 0.28);
  --theme-admin-brand-action-text: var(--theme-brand-text-strong);
  --theme-admin-danger-action-border: color-mix(in srgb, var(--theme-danger-text) 28%, var(--theme-border-strong));
  --theme-admin-danger-action-background: var(--theme-focus-surface);
  --theme-admin-danger-action-background-hover: rgba(244, 63, 94, 0.16);
  --theme-admin-danger-action-text: var(--theme-danger-text);
  --theme-admin-danger-solid-action-border: color-mix(in srgb, var(--theme-danger-text) 46%, transparent);
  --theme-admin-danger-solid-action-background: var(--theme-danger-text);
  --theme-admin-danger-solid-action-background-hover: color-mix(in srgb, var(--theme-danger-text) 90%, #000 10%);
  --theme-admin-danger-solid-action-text: #f8fafc;
  --theme-admin-success-action-border: color-mix(in srgb, var(--theme-success-text) 42%, transparent);
  --theme-admin-success-action-background: var(--theme-success-text);
  --theme-admin-success-action-background-hover: color-mix(in srgb, var(--theme-success-text) 90%, #000 10%);
  --theme-admin-success-action-text: #052e16;
  --theme-admin-warning-action-border: color-mix(in srgb, var(--theme-warning-text) 34%, transparent);
  --theme-admin-warning-action-background: linear-gradient(135deg, #f59e0b 0%, #fcd34d 100%);
  --theme-admin-warning-action-background-hover: linear-gradient(135deg, #fbbf24 0%, #fde68a 100%);
  --theme-admin-warning-action-text: #451a03;
  --theme-admin-metric-border: rgba(14, 116, 144, 0.44);
  --theme-admin-metric-background: linear-gradient(135deg, rgba(15, 23, 42, 0.96) 0%, rgba(8, 47, 73, 0.88) 100%);
  --theme-admin-metric-label: var(--theme-text-muted);
  --theme-admin-metric-value: #e2e8f0;
  --theme-admin-metric-meta: var(--theme-text-muted);
  --theme-admin-metric-brand-border: rgba(14, 116, 144, 0.68);
  --theme-admin-metric-brand-background: linear-gradient(135deg, rgba(8, 47, 73, 0.94) 0%, rgba(12, 74, 110, 0.9) 100%);
  --theme-admin-metric-brand-label: var(--theme-brand-text);
  --theme-admin-metric-brand-value: var(--theme-brand-text-strong);
  --theme-admin-metric-brand-meta: var(--theme-brand-text);
  --theme-admin-metric-success-border: rgba(5, 150, 105, 0.56);
  --theme-admin-metric-success-background: linear-gradient(135deg, rgba(6, 78, 59, 0.94) 0%, rgba(4, 120, 87, 0.82) 100%);
  --theme-admin-metric-success-label: var(--theme-success-text);
  --theme-admin-metric-success-value: #d1fae5;
  --theme-admin-metric-success-meta: var(--theme-success-text);
  --theme-admin-metric-warning-border: rgba(245, 158, 11, 0.54);
  --theme-admin-metric-warning-background: linear-gradient(135deg, rgba(120, 53, 15, 0.92) 0%, rgba(146, 64, 14, 0.82) 100%);
  --theme-admin-metric-warning-label: var(--theme-warning-text);
  --theme-admin-metric-warning-value: #fef3c7;
  --theme-admin-metric-warning-meta: var(--theme-warning-text);
  --theme-admin-metric-danger-border: rgba(244, 63, 94, 0.52);
  --theme-admin-metric-danger-background: linear-gradient(135deg, rgba(76, 5, 25, 0.94) 0%, rgba(159, 18, 57, 0.78) 100%);
  --theme-admin-metric-danger-label: var(--theme-danger-text);
  --theme-admin-metric-danger-value: #ffe4e6;
  --theme-admin-metric-danger-meta: var(--theme-danger-text);
  --theme-admin-badge-shadow: 0 12px 24px -18px rgba(2, 6, 23, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(148, 163, 184, 0.08);
  --theme-admin-badge-backdrop-filter: saturate(160%) blur(12px);
  --theme-admin-badge-highlight: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.03) 100%);
  --theme-admin-badge-slate-border: rgba(148, 163, 184, 0.2);
  --theme-admin-badge-slate-background: linear-gradient(135deg, rgba(51, 65, 85, 0.72) 0%, rgba(30, 41, 59, 0.9) 42%, rgba(15, 23, 42, 0.94) 100%);
  --theme-admin-badge-slate-text: #e2e8f0;
  --theme-admin-badge-sky-border: rgba(56, 189, 248, 0.3);
  --theme-admin-badge-sky-background: linear-gradient(135deg, rgba(8, 47, 73, 0.72) 0%, rgba(12, 74, 110, 0.86) 42%, rgba(14, 165, 233, 0.22) 100%);
  --theme-admin-badge-sky-text: #bae6fd;
  --theme-admin-badge-emerald-border: rgba(52, 211, 153, 0.3);
  --theme-admin-badge-emerald-background: linear-gradient(135deg, rgba(6, 78, 59, 0.74) 0%, rgba(4, 120, 87, 0.84) 42%, rgba(16, 185, 129, 0.18) 100%);
  --theme-admin-badge-emerald-text: #d1fae5;
  --theme-admin-badge-violet-border: rgba(196, 181, 253, 0.28);
  --theme-admin-badge-violet-background: linear-gradient(135deg, rgba(59, 7, 100, 0.72) 0%, rgba(91, 33, 182, 0.72) 42%, rgba(139, 92, 246, 0.18) 100%);
  --theme-admin-badge-violet-text: #ede9fe;
  --theme-admin-badge-amber-border: rgba(245, 158, 11, 0.3);
  --theme-admin-badge-amber-background: linear-gradient(135deg, rgba(120, 53, 15, 0.72) 0%, rgba(146, 64, 14, 0.82) 42%, rgba(245, 158, 11, 0.18) 100%);
  --theme-admin-badge-amber-text: #fef3c7;
  --theme-admin-badge-rose-border: rgba(244, 114, 182, 0.28);
  --theme-admin-badge-rose-background: linear-gradient(135deg, rgba(76, 5, 25, 0.76) 0%, rgba(159, 18, 57, 0.8) 42%, rgba(244, 63, 94, 0.16) 100%);
  --theme-admin-badge-rose-text: #ffe4e6;
  --theme-admin-badge-purple-border: rgba(196, 181, 253, 0.28);
  --theme-admin-badge-purple-background: linear-gradient(135deg, rgba(59, 7, 100, 0.72) 0%, rgba(91, 33, 182, 0.72) 42%, rgba(139, 92, 246, 0.18) 100%);
  --theme-admin-badge-purple-text: #ede9fe;
  --theme-admin-empty-border: rgba(71, 85, 105, 0.78);
  --theme-admin-empty-background: linear-gradient(180deg, rgba(15, 23, 42, 0.9) 0%, rgba(30, 41, 59, 0.9) 100%);
  --theme-admin-empty-text: var(--theme-text-muted);
  --theme-admin-notice-warning-border: rgba(245, 158, 11, 0.35);
  --theme-admin-notice-warning-background: linear-gradient(180deg, rgba(69, 26, 3, 0.92) 0%, rgba(120, 53, 15, 0.72) 100%);
  --theme-admin-notice-warning-text: #fde68a;
  --theme-admin-notice-danger-border: rgba(244, 63, 94, 0.34);
  --theme-admin-notice-danger-background: linear-gradient(180deg, rgba(76, 5, 25, 0.92) 0%, rgba(159, 18, 57, 0.74) 100%);
  --theme-admin-notice-danger-text: #fecdd3;
  --theme-admin-notice-success-border: rgba(16, 185, 129, 0.32);
  --theme-admin-notice-success-background: linear-gradient(180deg, rgba(6, 78, 59, 0.92) 0%, rgba(4, 120, 87, 0.74) 100%);
  --theme-admin-notice-success-text: #a7f3d0;
  --theme-admin-dashboard-alert-warning-border: rgba(245, 158, 11, 0.35);
  --theme-admin-dashboard-alert-warning-background: linear-gradient(180deg, rgba(69, 26, 3, 0.92) 0%, rgba(120, 53, 15, 0.72) 100%);
  --theme-admin-dashboard-alert-warning-text: #fde68a;
  --theme-admin-dashboard-trend-panel-border: rgba(14, 116, 144, 0.62);
  --theme-admin-dashboard-trend-panel-background: radial-gradient(circle at top right, rgba(34, 211, 238, 0.18), transparent 42%), linear-gradient(180deg, rgba(8, 47, 73, 0.94) 0%, rgba(15, 23, 42, 0.96) 100%);
  --theme-admin-dashboard-trend-panel-highlight: linear-gradient(180deg, rgba(125, 211, 252, 0.08) 0%, transparent 100%);
  --theme-admin-dashboard-trend-highlight-border: rgba(14, 116, 144, 0.58);
  --theme-admin-dashboard-trend-highlight-background: linear-gradient(180deg, rgba(15, 23, 42, 0.92) 0%, rgba(12, 74, 110, 0.72) 100%);
  --theme-admin-dashboard-trend-highlight-shadow: 0 22px 34px -26px rgba(8, 145, 178, 0.45);
  --theme-admin-dashboard-trend-highlight-label: #7dd3fc;
  --theme-admin-dashboard-trend-highlight-value: #e0f2fe;
  --theme-admin-dashboard-trend-highlight-meta: var(--theme-text-muted);
  --theme-admin-dashboard-trend-chart-border: rgba(14, 116, 144, 0.62);
  --theme-admin-dashboard-trend-chart-background: linear-gradient(180deg, rgba(15, 23, 42, 0.64) 0%, rgba(8, 47, 73, 0.88) 100%);
  --theme-admin-dashboard-trend-grid-line: rgba(148, 163, 184, 0.22);
  --theme-admin-dashboard-trend-area-fill: color-mix(in srgb, #22d3ee 20%, transparent);
  --theme-admin-dashboard-trend-area-stop-start: #22d3ee;
  --theme-admin-dashboard-trend-area-stop-start-opacity: 0.28;
  --theme-admin-dashboard-trend-area-stop-end: #0ea5e9;
  --theme-admin-dashboard-trend-area-stop-end-opacity: 0.06;
  --theme-admin-dashboard-trend-line-stroke: color-mix(in srgb, #67e8f9 82%, #38bdf8 18%);
  --theme-admin-dashboard-trend-line-shadow: drop-shadow(0 10px 14px rgba(34, 211, 238, 0.18));
  --theme-admin-dashboard-trend-guide-line: rgba(103, 232, 249, 0.28);
  --theme-admin-dashboard-trend-point-halo: rgba(103, 232, 249, 0.26);
  --theme-admin-dashboard-trend-point-fill: #082f49;
  --theme-admin-dashboard-trend-point-stroke: #67e8f9;
  --theme-admin-dashboard-trend-point-peak-fill: #ecfeff;
  --theme-admin-dashboard-trend-point-peak-stroke: #67e8f9;
  --theme-admin-dashboard-trend-axis-label: var(--theme-text-muted);
  --theme-admin-dashboard-trend-scale-text-halo: rgba(8, 47, 73, 0.72);
  --theme-admin-dashboard-trend-scale-label-background: rgba(8, 47, 73, 0.5);
  --theme-admin-dashboard-ranking-panel-border: rgba(71, 85, 105, 0.78);
  --theme-admin-dashboard-ranking-panel-background: linear-gradient(180deg, rgba(15, 23, 42, 0.98) 0%, rgba(17, 24, 39, 0.98) 100%);
  --theme-admin-dashboard-ranking-panel-shadow: 0 28px 48px -34px rgba(2, 6, 23, 0.88);
  --theme-admin-dashboard-ranking-panel-accent-sky: linear-gradient(90deg, #38bdf8 0%, #67e8f9 100%);
  --theme-admin-dashboard-ranking-panel-accent-emerald: linear-gradient(90deg, #10b981 0%, #6ee7b7 100%);
  --theme-admin-dashboard-ranking-panel-glow-sky: radial-gradient(circle at top right, rgba(56, 189, 248, 0.18), transparent 46%);
  --theme-admin-dashboard-ranking-panel-glow-emerald: radial-gradient(circle at top right, rgba(52, 211, 153, 0.16), transparent 46%);
  --theme-admin-dashboard-ranking-empty-border: rgba(71, 85, 105, 0.78);
  --theme-admin-dashboard-ranking-empty-background: linear-gradient(180deg, rgba(15, 23, 42, 0.9) 0%, rgba(30, 41, 59, 0.92) 100%);
  --theme-admin-dashboard-ranking-empty-text: var(--theme-text-muted);
  --theme-admin-dashboard-ranking-item-border: rgba(71, 85, 105, 0.72);
  --theme-admin-dashboard-ranking-item-background: linear-gradient(135deg, rgba(15, 23, 42, 0.96) 0%, rgba(8, 47, 73, 0.84) 100%);
  --theme-admin-dashboard-ranking-item-shadow: 0 22px 30px -28px rgba(2, 6, 23, 0.72);
  --theme-admin-dashboard-ranking-rank-background: linear-gradient(135deg, rgba(14, 116, 144, 0.42) 0%, rgba(8, 47, 73, 0.92) 100%);
  --theme-admin-dashboard-ranking-rank-text: #7dd3fc;
  --theme-admin-dashboard-ranking-rank-background-emerald: linear-gradient(135deg, rgba(5, 150, 105, 0.32) 0%, rgba(6, 78, 59, 0.88) 100%);
  --theme-admin-dashboard-ranking-rank-text-emerald: #6ee7b7;
  --theme-admin-dashboard-ranking-title: #e2e8f0;
  --theme-admin-dashboard-ranking-subtitle: var(--theme-text-muted);
  --theme-admin-dashboard-ranking-value-border: rgba(14, 116, 144, 0.7);
  --theme-admin-dashboard-ranking-value-background: linear-gradient(135deg, rgba(12, 74, 110, 0.88) 0%, rgba(8, 47, 73, 0.92) 100%);
  --theme-admin-dashboard-ranking-value-text: #7dd3fc;
  --theme-admin-dashboard-ranking-value-border-emerald: rgba(5, 150, 105, 0.68);
  --theme-admin-dashboard-ranking-value-background-emerald: linear-gradient(135deg, rgba(6, 78, 59, 0.88) 0%, rgba(4, 120, 87, 0.8) 100%);
  --theme-admin-dashboard-ranking-value-text-emerald: #6ee7b7;
}

html,
body {
  background-color: var(--theme-surface-app);
  color: var(--theme-text-primary);
}

html[data-theme="dark"] {
  scrollbar-color: var(--theme-border-strong) var(--theme-surface-app);
}

html[data-theme="dark"] ::selection {
  background-color: rgba(56, 189, 248, 0.3);
  color: #f8fafc;
}

html[data-theme="dark"] body[class~="bg-slate-50"],
html[data-theme="dark"] body[class~="bg-slate-100"] {
  background-color: var(--theme-surface-app) !important;
}

html[data-theme="dark"] :is([class~="bg-white"], [class~="bg-white/80"]) {
  background-color: var(--theme-surface-card) !important;
}

html[data-theme="dark"] [class~="bg-white/10"] {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] [class~="bg-white/80"] {
  background-color: var(--theme-surface-overlay) !important;
}

html[data-theme="dark"] :is([class~="bg-slate-50"], [class~="bg-slate-50/80"], [class~="bg-slate-100"]) {
  background-color: var(--theme-surface-muted) !important;
}

html[data-theme="dark"] [class~="bg-slate-50/80"] {
  background-color: rgba(15, 23, 42, 0.82) !important;
}

html[data-theme="dark"] [class~="bg-slate-200"] {
  background-color: var(--theme-surface-muted-strong) !important;
}

html[data-theme="dark"] [class~="bg-slate-900/5"] {
  background-color: rgba(148, 163, 184, 0.12) !important;
}

html[data-theme="dark"] [class~="bg-sky-50"] {
  background-color: var(--theme-brand-surface) !important;
}

html[data-theme="dark"] :is([class~="bg-sky-100"], [class~="bg-sky-200"]) {
  background-color: var(--theme-brand-surface-strong) !important;
}

html[data-theme="dark"] :is([class~="bg-amber-50"], [class~="bg-amber-100"]) {
  background-color: var(--theme-warning-surface) !important;
}

html[data-theme="dark"] :is([class~="bg-emerald-50"], [class~="bg-emerald-100"]) {
  background-color: var(--theme-success-surface) !important;
}

html[data-theme="dark"] :is([class~="bg-rose-50"], [class~="bg-rose-100"]) {
  background-color: var(--theme-danger-surface) !important;
}

html[data-theme="dark"] :is([class~="bg-violet-100"], [class~="bg-cyan-100"]) {
  background-color: var(--theme-info-surface) !important;
}

html[data-theme="dark"] [class~="text-slate-900"] {
  color: var(--theme-text-primary) !important;
}

html[data-theme="dark"] :is([class~="text-slate-700"], [class~="text-slate-600"]) {
  color: var(--theme-text-secondary) !important;
}

html[data-theme="dark"] :is([class~="text-slate-500"], [class~="text-slate-400"]) {
  color: var(--theme-text-muted) !important;
}

html[data-theme="dark"] [class~="text-slate-300"] {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] [class~="text-slate-200"] {
  color: #e2e8f0 !important;
}

html[data-theme="dark"] [class~="text-slate-100"] {
  color: #f8fafc !important;
}

html[data-theme="dark"] [class~="text-sky-700"] {
  color: var(--theme-brand-text) !important;
}

html[data-theme="dark"] :is([class~="text-sky-800"], [class~="text-sky-600"], [class~="text-cyan-700"]) {
  color: var(--theme-brand-text-strong) !important;
}

html[data-theme="dark"] :is([class~="text-amber-600"], [class~="text-amber-700"], [class~="text-amber-800"], [class~="text-amber-900"], [class~="text-amber-900/80"]) {
  color: var(--theme-warning-text) !important;
}

html[data-theme="dark"] :is([class~="text-emerald-600"], [class~="text-emerald-700"], [class~="text-emerald-800"]) {
  color: var(--theme-success-text) !important;
}

html[data-theme="dark"] :is([class~="text-rose-600"], [class~="text-rose-700"]) {
  color: var(--theme-danger-text) !important;
}

html[data-theme="dark"] :is([class~="text-violet-600"], [class~="text-violet-700"], [class~="text-violet-800"]) {
  color: var(--theme-info-text) !important;
}

html[data-theme="dark"] [class~="border-slate-100"] {
  border-color: var(--theme-border-subtle) !important;
}

html[data-theme="dark"] :is([class~="border-slate-200"], [class~="border-slate-300"], [class~="border-slate-500"], [class~="border-slate-700"]) {
  border-color: var(--theme-border-strong) !important;
}

html[data-theme="dark"] [class~="border-slate-900"] {
  border-color: #64748b !important;
}

html[data-theme="dark"] :is([class~="border-sky-200"], [class~="border-sky-300"], [class~="border-sky-500"]) {
  border-color: rgba(56, 189, 248, 0.38) !important;
}

html[data-theme="dark"] :is([class~="border-amber-200"], [class~="border-amber-500"]) {
  border-color: rgba(245, 158, 11, 0.35) !important;
}

html[data-theme="dark"] :is([class~="border-emerald-200"], [class~="border-emerald-500"]) {
  border-color: rgba(16, 185, 129, 0.35) !important;
}

html[data-theme="dark"] :is([class~="border-rose-200"], [class~="border-violet-500"]) {
  border-color: rgba(244, 63, 94, 0.35) !important;
}

html[data-theme="dark"] [class~="border-white/60"] {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

html[data-theme="dark"] [class~="hover:bg-white"]:hover {
  background-color: var(--theme-surface-card) !important;
}

html[data-theme="dark"] :is([class~="hover:bg-slate-50"], [class~="hover:bg-slate-100"], [class~="hover:bg-slate-200"]):hover {
  background-color: var(--theme-surface-muted-strong) !important;
}

html[data-theme="dark"] :is([class~="hover:bg-sky-50"], [class~="hover:bg-sky-100"], [class~="hover:bg-sky-200"]):hover {
  background-color: rgba(56, 189, 248, 0.22) !important;
}

html[data-theme="dark"] [class~="hover:bg-slate-800"]:hover {
  background-color: #1e293b !important;
}

html[data-theme="dark"] [class~="hover:bg-slate-900"]:hover {
  background-color: #334155 !important;
}

html[data-theme="dark"] [class~="hover:text-slate-900"]:hover {
  color: var(--theme-text-primary) !important;
}

html[data-theme="dark"] :is([class~="hover:text-sky-700"], [class~="hover:text-sky-800"]):hover {
  color: var(--theme-brand-text-strong) !important;
}

html[data-theme="dark"] :is([class~="hover:text-amber-800"], [class~="hover:text-emerald-800"], [class~="hover:text-violet-800"]):hover {
  color: var(--theme-text-primary) !important;
}

html[data-theme="dark"] :is([class~="hover:border-slate-200"], [class~="hover:border-slate-300"], [class~="hover:border-slate-500"]):hover {
  border-color: #64748b !important;
}

html[data-theme="dark"] :is([class~="hover:border-sky-200"], [class~="hover:border-sky-300"]):hover {
  border-color: rgba(56, 189, 248, 0.45) !important;
}

html[data-theme="dark"] [class~="focus:border-sky-300"]:focus,
html[data-theme="dark"] [class~="focus:border-sky-500"]:focus {
  border-color: #38bdf8 !important;
}

html[data-theme="dark"] [class~="focus:ring-sky-100"]:focus {
  --tw-ring-color: rgba(56, 189, 248, 0.22) !important;
}

html[data-theme="dark"] [class~="focus:ring-emerald-100"]:focus {
  --tw-ring-color: rgba(16, 185, 129, 0.2) !important;
}

html[data-theme="dark"] [class~="focus:ring-amber-100"]:focus {
  --tw-ring-color: rgba(245, 158, 11, 0.2) !important;
}

html[data-theme="dark"] [class~="focus:ring-violet-100"]:focus {
  --tw-ring-color: rgba(139, 92, 246, 0.22) !important;
}

html[data-theme="dark"] [class~="from-white"] {
  --tw-gradient-from: #0f172a var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgba(15, 23, 42, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

html[data-theme="dark"] [class~="from-sky-50"] {
  --tw-gradient-from: rgba(14, 165, 233, 0.18) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgba(14, 165, 233, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

html[data-theme="dark"] [class~="from-slate-900"] {
  --tw-gradient-from: #0f172a var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgba(15, 23, 42, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

html[data-theme="dark"] [class~="via-white"] {
  --tw-gradient-via: #0f172a var(--tw-gradient-via-position) !important;
  --tw-gradient-to: rgba(15, 23, 42, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to) !important;
}

html[data-theme="dark"] [class~="via-slate-50"] {
  --tw-gradient-via: #111827 var(--tw-gradient-via-position) !important;
  --tw-gradient-to: rgba(17, 24, 39, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to) !important;
}

html[data-theme="dark"] [class~="via-slate-800"] {
  --tw-gradient-via: #1e293b var(--tw-gradient-via-position) !important;
  --tw-gradient-to: rgba(30, 41, 59, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to) !important;
}

html[data-theme="dark"] [class~="via-sky-50"] {
  --tw-gradient-via: rgba(14, 165, 233, 0.16) var(--tw-gradient-via-position) !important;
  --tw-gradient-to: rgba(14, 165, 233, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to) !important;
}

html[data-theme="dark"] [class~="via-amber-50"] {
  --tw-gradient-via: rgba(245, 158, 11, 0.12) var(--tw-gradient-via-position) !important;
  --tw-gradient-to: rgba(245, 158, 11, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to) !important;
}

html[data-theme="dark"] [class~="via-emerald-50"] {
  --tw-gradient-via: rgba(16, 185, 129, 0.12) var(--tw-gradient-via-position) !important;
  --tw-gradient-to: rgba(16, 185, 129, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to) !important;
}

html[data-theme="dark"] [class~="to-sky-50"] {
  --tw-gradient-to: rgba(14, 165, 233, 0.14) var(--tw-gradient-to-position) !important;
}

html[data-theme="dark"] [class~="to-sky-900"] {
  --tw-gradient-to: rgba(8, 47, 73, 0.88) var(--tw-gradient-to-position) !important;
}

html[data-theme="dark"] [class~="to-cyan-50"] {
  --tw-gradient-to: rgba(34, 211, 238, 0.12) var(--tw-gradient-to-position) !important;
}

html[data-theme="dark"] [class~="to-indigo-50"] {
  --tw-gradient-to: rgba(99, 102, 241, 0.12) var(--tw-gradient-to-position) !important;
}

html[data-theme="dark"] [class~="to-orange-50"] {
  --tw-gradient-to: rgba(249, 115, 22, 0.12) var(--tw-gradient-to-position) !important;
}

html[data-theme="dark"] [class~="to-teal-50"] {
  --tw-gradient-to: rgba(20, 184, 166, 0.12) var(--tw-gradient-to-position) !important;
}

html[data-theme="dark"] [class~="to-violet-50"] {
  --tw-gradient-to: rgba(139, 92, 246, 0.12) var(--tw-gradient-to-position) !important;
}

html[data-theme="dark"] .layout-brand-logo {
  filter: drop-shadow(0 8px 16px rgba(14, 165, 233, 0.18));
}