:root[data-brand-theme="listae"] {
  --crimson: #0f766e;
  --crimson-2: #14b8a6;
  --gold: #f59e0b;
  --gold-2: #fbbf24;
  --green: #16a34a;
  --blue: #0284c7;
  --accent: #0f766e;
  --accent-2: #14b8a6;
}

:root[data-app-theme="light"][data-brand-theme="listae"] {
  color-scheme: light;
  --bg: #f7fafc;
  --surface: #ffffff;
  --surface-2: #eef7f6;
  --surface-3: #e0f2ef;
  --panel: rgba(255, 255, 255, 0.96);
  --panel-2: rgba(238, 247, 246, 0.96);
  --border: #d9e7e4;
  --border-2: #b8d3cf;
  --border-strong: rgba(15, 118, 110, 0.22);
  --text: #172033;
  --muted: #789;
  --muted-2: #5f6f7d;
  --crimson: #0f766e;
  --crimson-2: #0d9488;
  --gold: #d97706;
  --gold-2: #f59e0b;
  --accent: #0f766e;
  --accent-2: #14b8a6;
  --good: #15803d;
  --green: #15803d;
  --blue: #0369a1;
  --yellow: #b45309;
  --red: #dc2626;
  --topbar-bg: rgba(255, 255, 255, 0.92);
  --table-hover-bg: rgba(15, 118, 110, 0.035);
}

:root[data-brand-theme="pretotech"] {
  --crimson: #2563eb;
  --crimson-2: #22c55e;
  --gold: #a3e635;
  --gold-2: #bef264;
  --green: #22c55e;
  --blue: #60a5fa;
}

:root[data-app-theme="light"][data-brand-theme="pretotech"] {
  --crimson: #1d4ed8;
  --crimson-2: #16a34a;
  --gold: #65a30d;
  --gold-2: #84cc16;
  --green: #15803d;
  --blue: #2563eb;
}

.brand-wordmark,
.ev-logo-wordmark,
.sidebar-logo-wordmark,
.app-error-brand,
.checkin-brand,
.brand,
.label-brand,
.layout-preview-brand,
.layout-preview-inline-brand {
  text-transform: lowercase;
}

.brand-logo-img {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

:root[data-app-theme="light"][data-brand-theme="listae"] body {
  background: linear-gradient(180deg, #ffffff 0%, var(--bg) 48%, #f0fbf8 100%);
}

:root[data-app-theme="light"][data-brand-theme="listae"] .sidebar,
:root[data-app-theme="light"][data-brand-theme="listae"] .topbar {
  background: rgba(255, 255, 255, 0.94);
}

:root[data-app-theme="light"][data-brand-theme="listae"] .sidebar {
  box-shadow: 12px 0 34px rgba(15, 23, 42, 0.04);
}

:root[data-app-theme="light"][data-brand-theme="listae"] .topbar {
  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.04);
}

:root[data-app-theme="light"][data-brand-theme="listae"] .ev-logo-img {
  width: min(220px, 76vw);
  max-height: 118px;
}

:root[data-app-theme="light"][data-brand-theme="listae"] .btn-primary,
:root[data-app-theme="light"][data-brand-theme="listae"] .btn-primary-app,
:root[data-app-theme="light"][data-brand-theme="listae"] .login-submit,
:root[data-app-theme="light"][data-brand-theme="listae"] .settings-submit {
  color: #ffffff;
  background: var(--crimson);
}

:root[data-app-theme="light"][data-brand-theme="listae"] .btn-primary:hover,
:root[data-app-theme="light"][data-brand-theme="listae"] .btn-primary-app:hover,
:root[data-app-theme="light"][data-brand-theme="listae"] .login-submit:hover,
:root[data-app-theme="light"][data-brand-theme="listae"] .login-submit:focus,
:root[data-app-theme="light"][data-brand-theme="listae"] .settings-submit:hover {
  box-shadow: 0 14px 34px rgba(15, 118, 110, 0.2);
}

:root[data-app-theme="light"][data-brand-theme="listae"] .btn-gold {
  color: #ffffff;
  background: var(--gold);
}

:root[data-app-theme="light"][data-brand-theme="listae"] .theme-switch-btn.active,
:root[data-app-theme="light"][data-brand-theme="listae"] .user-menu-theme-btn.active,
:root[data-app-theme="light"][data-brand-theme="listae"] .user-menu-item.active {
  color: #ffffff;
  background: var(--crimson);
}

:root[data-app-theme="light"][data-brand-theme="listae"] .nav-item:hover,
:root[data-app-theme="light"][data-brand-theme="listae"] .nav-item.active,
:root[data-app-theme="light"][data-brand-theme="listae"] .btn-ghost:hover,
:root[data-app-theme="light"][data-brand-theme="listae"] .user-menu-item:hover,
:root[data-app-theme="light"][data-brand-theme="listae"] .user-menu-item:focus {
  color: var(--crimson);
  background: rgba(15, 118, 110, 0.08);
}

:root[data-app-theme="light"][data-brand-theme="listae"] .nav-item.active .nav-badge {
  color: var(--crimson);
  background: rgba(15, 118, 110, 0.12);
}

:root[data-app-theme="light"][data-brand-theme="listae"] .avatar-trigger,
:root[data-app-theme="light"][data-brand-theme="listae"] .user-menu-avatar,
:root[data-app-theme="light"][data-brand-theme="listae"] .profile-avatar-preview {
  color: #ffffff;
  background: linear-gradient(135deg, var(--crimson), var(--gold));
}

:root[data-app-theme="light"][data-brand-theme="listae"] .user-menu-panel,
:root[data-app-theme="light"][data-brand-theme="listae"] .modal-content {
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.14);
}

:root[data-app-theme="light"][data-brand-theme="listae"] .card,
:root[data-app-theme="light"][data-brand-theme="listae"] .panel,
:root[data-app-theme="light"][data-brand-theme="listae"] .settings-panel,
:root[data-app-theme="light"][data-brand-theme="listae"] .ev-card,
:root[data-app-theme="light"][data-brand-theme="listae"] .app-error-card {
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.06);
}

:root[data-app-theme="light"][data-brand-theme="listae"] .card {
  border-radius: 8px;
}

:root[data-app-theme="light"][data-brand-theme="listae"] .login-shell {
  background: #ffffff;
}

:root[data-app-theme="light"][data-brand-theme="listae"] .login-brand {
  background: linear-gradient(180deg, #f7fafc, #eef7f6);
}

:root[data-app-theme="light"][data-brand-theme="listae"] .login-brand::after {
  display: none;
}

:root[data-app-theme="light"][data-brand-theme="listae"] .login-logo {
  width: min(300px, 82%);
}

:root[data-app-theme="light"][data-brand-theme="listae"] .login-form-panel {
  background: #ffffff;
}

:root[data-app-theme="light"][data-brand-theme="listae"] .pill,
:root[data-app-theme="light"][data-brand-theme="listae"] .panel,
:root[data-app-theme="light"][data-brand-theme="listae"] .login-input,
:root[data-app-theme="light"][data-brand-theme="listae"] code {
  background: var(--surface-2);
}

:root[data-app-theme="light"][data-brand-theme="listae"] .login-input:focus,
:root[data-app-theme="light"][data-brand-theme="listae"] .form-input:focus,
:root[data-app-theme="light"][data-brand-theme="listae"] .form-control:focus {
  border-color: var(--crimson);
  box-shadow: 0 0 0 0.2rem rgba(15, 118, 110, 0.12);
}

:root[data-app-theme="light"][data-brand-theme="listae"] .login-alert {
  color: var(--red);
  background: rgba(220, 38, 38, 0.08);
}