/* Theme: light (default) */
body.theme-light {
  --bg-color: #f8fafc;
  --text-color: #1e293b;
  --text-muted: #64748b;
  --surface: #ffffff;
  --border-color: #e2e8f0;
  --bg-muted: #f1f5f9;
}

/* Theme: dark */
body.theme-dark {
  --bg-color: #0f172a;
  --text-color: #f1f5f9;
  --text-muted: #94a3b8;
  --surface: #1e293b;
  --border-color: #334155;
  --bg-muted: #334155;
}

/* Public page – الثيم يغيّر الخلفيات فقط، الألوان البارزة من إعدادات الشركة (--color-accent) */
.public-page.theme-light {
  --color-bg: #fafafa;
  --color-surface: #ffffff;
  --color-ink: #0f172a;
  --color-ink-muted: #475569;
  --public-bg: #f5f4f1;
  --public-surface: #ffffff;
  --public-ink: #1a1a1a;
  --public-ink-soft: #5a5a5a;
  --public-dark: #0d0d0d;
}

.public-page.theme-dark {
  /* Base dark tinted with company accent (fallback #0d9488 if accent missing) */
  --public-dark-base: color-mix(in srgb, var(--color-accent, #0d9488) 10%, #0f172a);
  --public-dark-header-base: color-mix(in srgb, var(--color-accent, #0d9488) 8%, #0f172a);
  --public-dark-header-bg: color-mix(in srgb, var(--public-dark-header-base) 88%, transparent);
  --color-bg: var(--public-dark-base);
  --color-surface: color-mix(in srgb, var(--color-accent, #0d9488) 12%, #1e293b);
  --color-ink: #f1f5f9;
  --color-ink-muted: #94a3b8;
  --public-bg: color-mix(in srgb, var(--color-accent, #0d9488) 8%, #0d0d0d);
  --public-surface: color-mix(in srgb, var(--color-accent, #0d9488) 10%, #1a1a1a);
  --public-ink: #f0f0f0;
  --public-ink-soft: #a0a0a0;
  --public-dark: #050505;
}

/* خلفية بنمط خفيف في الوضع الداكن حتى لا تبدو سادة */
.public-page.theme-dark {
  background-color: var(--public-bg);
  background-image:
    radial-gradient(ellipse 120% 80% at 50% -20%, rgba(255,255,255,0.03), transparent 50%),
    radial-gradient(circle at 1px 1px, rgba(255,255,255,0.04) 1px, transparent 0);
  background-size: 100% 100%, 28px 28px;
}

body.theme-dark .car-badge.available {
  background: #14532d;
  color: #bbf7d0;
}

body.theme-dark .car-badge.rented {
  background: #7f1d1d;
  color: #fecaca;
}

/* لوحة التحكم: شارات الحالة تتبع لون الشركة */
.dashboard-page .car-badge.available {
  background: color-mix(in srgb, var(--color-accent) 18%, transparent);
  color: var(--color-accent-hover, #0f766e);
}

body.theme-dark .dashboard-page .car-badge.available {
  background: var(--color-accent);
  color: #fff;
}

body.theme-dark .dashboard-page .car-badge.rented {
  background: rgba(255, 255, 255, 0.15);
  color: #fecaca;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* شارة الحالة في الصفحة العامة تستخدم لون الشركة */
.public-page.theme-dark .demo-car-badge.available {
  background: var(--color-accent);
  color: #fff;
}

.public-page.theme-dark .demo-car-badge.rented {
  background: rgba(255,255,255,0.2);
  color: #fff;
  border: 1px solid rgba(255,255,255,0.3);
}

/* ظلال أنعم في الثيم الداكن للصفحة العامة */
.public-page.theme-dark .demo-car-card {
  border-color: rgba(255,255,255,0.06);
}
.public-page.theme-dark .car-detail-modal {
  border-color: rgba(255,255,255,0.08);
}

.public-page.theme-dark .hero-showcase-frame {
  background: rgba(255,255,255,0.05);
  border-color: rgba(255,255,255,0.14);
}
.public-page.theme-dark .hero-showcase-detail {
  background: rgba(20,20,20,0.92);
  color: var(--color-accent);
}
.public-page.theme-dark .hero-showcase-detail:hover {
  background: rgba(30,30,30,0.98);
  color: #fff;
}

/* لوحة التحكم — ثيم داكن */
body.theme-dark.dashboard-page {
  background:
    radial-gradient(ellipse 100% 70% at 90% 0%, color-mix(in srgb, var(--color-accent) 14%, transparent) 0%, transparent 52%),
    var(--bg-color);
}
body.theme-dark .dashboard-header {
  background: color-mix(in srgb, var(--surface) 88%, transparent);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 12px 40px -16px rgba(0, 0, 0, 0.45);
}
body.theme-dark .dashboard-logo {
  background: var(--surface);
  border-color: var(--border-color);
}
body.theme-dark .dashboard-account-summary,
body.theme-dark .dashboard-account-panel {
  background: var(--surface);
  border-color: var(--border-color);
  color: var(--text-color);
}
body.theme-dark .dashboard-menu-item:hover {
  background: var(--bg-muted);
  color: var(--color-accent);
}
body.theme-dark .dashboard-stat-card {
  background: var(--surface);
  border-color: var(--border-color);
}
body.theme-dark .dashboard-stat-card--accent {
  background: linear-gradient(145deg, color-mix(in srgb, var(--color-accent) 14%, var(--surface)) 0%, var(--surface) 100%);
}
body.theme-dark .dashboard-subscription-strip {
  background: var(--surface);
  border-color: var(--border-color);
}
body.theme-dark .dashboard-table-wrap {
  background: var(--surface);
  border-color: var(--border-color);
}
body.theme-dark .car-badge-publish.published {
  background: color-mix(in srgb, var(--color-accent) 32%, transparent);
  color: #fff;
  border-color: color-mix(in srgb, var(--color-accent) 55%, transparent);
}
body.theme-dark .car-badge-publish.draft {
  background: rgba(255, 255, 255, 0.06);
  color: var(--text-muted);
  border-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 768px) {
  body.theme-dark .dashboard-table tbody tr {
    background: var(--surface);
    border-color: var(--border-color);
  }
}