:root, [data-theme="light"] {
  --brand-primary: #062838;
  --brand-primary-hover: #0B3B52;
  --brand-primary-soft: #E7EEF2;
  --brand-secondary: #C72033;
  --brand-accent: #F18C20;
  --brand-background: #F6F7F9;
  --brand-card: #FFFFFF;
  --brand-text-primary: #062838;
  --brand-text-secondary: #5B6B77;
  --brand-border: #E2E7EB;
  --brand-input: #FFFFFF;
  --brand-success: #228B6A;
  --brand-warning: #C77A24;
  --brand-danger: #D64545;
  --brand-info: #3B82F6;
  --brand-sidebar-bg: #062838;
  --brand-sidebar-text: #F6F7F9;
  --brand-sidebar-icon: #9FB3C0;
  --brand-sidebar-active-text: #FFFFFF;
  --brand-sidebar-active-bg: #C72033;
  --brand-sidebar-hover: #0B3B52;
  --brand-header-bg: #FFFFFF;
  --brand-header-text: #062838;
  --brand-header-border: #E2E7EB;
  --brand-radius: 10px;
  --brand-card-radius: 12px;
  --brand-sidebar-logo-size: 42px;
  --brand-card-shadow: 0 4px 14px rgba(15, 23, 42, .08);
  --brand-avatar: #C72033;
  --brand-event-selector: #E7EEF2;
  --brand-button-primary-text: #FFFFFF;
  --brand-button-primary-border: #062838;
  --brand-button-primary-disabled: #A9B6BF;
  --brand-button-secondary-bg: #FFFFFF;
  --brand-button-secondary-text: #062838;
  --brand-button-secondary-border: #E2E7EB;
  --brand-button-secondary-hover: #E7EEF2;
  --brand-chart-primary: #062838;
  --brand-chart-secondary: #F18C20;
  --brand-chart-tertiary: #C72033;
  --brand-chart-grid: #E2E7EB;
  --brand-chart-label: #5B6B77;
  --brand-login-bg: #062838;
  --brand-login-card: #0B3247;
  --brand-loading-bg: #F6F7F9;
  --brand-spinner: #F18C20;
  --brand-font-ar: 'Cairo';
  --brand-font-latin: 'Roboto';
  --brand-font-size: 14px;
  --brand-heading-weight: 700;
  --brand-body-weight: 400;
  --bs-primary-rgb: 6, 40, 56;
  --brand-50: var(--brand-primary-soft);
  --brand-500: var(--brand-primary-hover);
  --brand-600: var(--brand-primary);
  --brand-700: var(--brand-primary-hover);
  --accent: var(--brand-primary);
  --accent-hover: var(--brand-primary-hover);
  --accent-soft: var(--brand-primary-soft);
  --accent-strong: var(--brand-primary-hover);
  --bg: var(--brand-background);
  --bg-page: var(--brand-background);
  --surface: var(--brand-card);
  --bg-surface: var(--brand-card);
  --border: var(--brand-border);
  --border-color: var(--brand-border);
  --text: var(--brand-text-primary);
  --text-main: var(--brand-text-primary);
  --text-muted: var(--brand-text-secondary);
  --success: var(--brand-success);
  --warn: var(--brand-warning);
  --danger: var(--brand-danger);
  --info: var(--brand-info);
  --nav-bg: var(--brand-sidebar-bg);
  --nav-text: var(--brand-sidebar-text);
  --nav-active: var(--brand-sidebar-active-bg);
  --r: var(--brand-radius);
  --radius: var(--brand-radius);
  --radius-md: var(--brand-radius);
  --r-md: var(--brand-radius);
  --r-lg: var(--brand-card-radius);
  --radius-lg: var(--brand-card-radius);
  --bs-primary: var(--brand-primary);
}

html { font-size: var(--brand-font-size); }
html[lang="ar"] body, html[dir="rtl"] body { font-family: var(--brand-font-ar), system-ui, sans-serif !important; }
html:not([lang="ar"]) body { font-family: var(--brand-font-latin), system-ui, sans-serif !important; }
body { background-color: var(--brand-background); color: var(--brand-text-primary); font-weight: var(--brand-body-weight); }
h1, h2, h3, h4, h5, h6 { font-weight: var(--brand-heading-weight); }

.cvn-sidebar { background: var(--brand-sidebar-bg) !important; color: var(--brand-sidebar-text); }
.cvn-sidebar .nav-link { color: var(--brand-sidebar-text) !important; }
.cvn-sidebar .nav-link i { color: var(--brand-sidebar-icon) !important; }
.cvn-sidebar .nav-link:hover { background: var(--brand-sidebar-hover) !important; }
.cvn-sidebar .nav-link.active,
.cvn-sidebar .nav-item.active > .nav-link { background: var(--brand-sidebar-active-bg) !important; color: var(--brand-sidebar-active-text) !important; }
.cvn-sidebar .nav-link.active i,
.cvn-sidebar .nav-item.active > .nav-link i { color: var(--brand-sidebar-active-text) !important; }
.sidebar-brand-header {
  min-height: 92px;
  height: auto;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: #181613;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}
.sidebar-brand-logo {
  width: 76px !important;
  height: auto !important;
  max-height: 64px;
  object-fit: contain;
  flex-shrink: 0;
}
.sidebar-brand-copy {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sidebar-brand-title {
  color: #F5F1EC !important;
  font-weight: 700;
  line-height: 1.35;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sidebar-brand-subtitle {
  color: #CFC5BA !important;
  font-size: 11px;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[dir="rtl"] .sidebar-brand-header {
  direction: rtl;
  text-align: right;
}
@media (min-width: 992px) {
  body.sidebar-collapsed .sidebar-brand-logo {
    width: 44px !important;
    max-height: 44px;
  }
}

.cvn-topbar { background: var(--brand-header-bg) !important; color: var(--brand-header-text); border-color: var(--brand-header-border) !important; }
.cvn-event-picker { background: var(--brand-event-selector); color: var(--brand-header-text); }
.cvn-user-avatar { background: var(--brand-avatar); }
[data-search-style="soft"] .cvn-search-input { background: var(--brand-primary-soft); border-color: transparent; }
[data-search-style="outline"] .cvn-search-input { background: transparent; border-color: var(--brand-primary); }

.btn-primary, .tb-btn-primary {
  background: var(--brand-primary) !important;
  border-color: var(--brand-button-primary-border) !important;
  color: var(--brand-button-primary-text) !important;
  border-radius: var(--brand-radius) !important;
}
.btn-primary:hover, .tb-btn-primary:hover { background: var(--brand-primary-hover) !important; border-color: var(--brand-primary-hover) !important; }
.btn-primary:disabled, .tb-btn-primary:disabled { background: var(--brand-button-primary-disabled) !important; opacity: .75; }
.btn-secondary, .tb-btn:not(.tb-btn-primary) { background: var(--brand-button-secondary-bg); color: var(--brand-button-secondary-text); border-color: var(--brand-button-secondary-border); border-radius: var(--brand-radius); }
.btn-secondary:hover, .tb-btn:not(.tb-btn-primary):hover { background: var(--brand-button-secondary-hover); }
.btn-danger { background: var(--brand-danger); border-color: var(--brand-danger); }

.card, .cvn-panel, .modal-content { background: var(--brand-card); border-color: var(--brand-border); border-radius: var(--brand-card-radius); box-shadow: var(--brand-card-shadow); }
.form-control, .form-select, .sv-input, .sv-select, .sv-textarea {
  background-color: var(--brand-input); border-color: var(--brand-border); color: var(--brand-text-primary); border-radius: var(--brand-radius);
}
.form-control:focus, .form-select:focus, .sv-input:focus, .sv-select:focus, .sv-textarea:focus {
  border-color: var(--brand-primary); box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--brand-primary) 18%, transparent);
}
.table { --bs-table-bg: var(--brand-card); --bs-table-color: var(--brand-text-primary); --bs-table-border-color: var(--brand-border); }
.badge.bg-success { background-color: var(--brand-success) !important; }
.badge.bg-warning { background-color: var(--brand-warning) !important; }
.badge.bg-danger { background-color: var(--brand-danger) !important; }
.badge.bg-info { background-color: var(--brand-info) !important; }
.auth-shell { background-color: var(--brand-login-bg) !important; }
.auth-card { background: var(--brand-login-card) !important; border-radius: var(--brand-card-radius) !important; }
.auth-logo, .auth-brand-mark { color: var(--brand-primary-hover) !important; }
.switch.on { background: var(--brand-primary) !important; border-color: var(--brand-primary) !important; }