body.surface-theme {
  font-family: 'Tajawal', 'Cairo', sans-serif;
  background: linear-gradient(180deg, #f8fffe 0%, #effcf9 42%, #ffffff 100%) !important;
  color: #0f172a !important;
}

body.surface-theme .glass,
body.surface-theme [class*='backdrop-blur'] {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

body.surface-theme header,
body.surface-theme aside,
body.surface-theme footer,
body.surface-theme #mode-bar,
body.surface-theme nav[id],
body.surface-theme .owner-summary,
body.surface-theme .preview-card,
body.surface-theme .card {
  background: rgba(255, 255, 255, 0.9) !important;
  color: #0f172a !important;
  border-color: rgba(20, 184, 166, 0.14) !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.06) !important;
}

body.surface-theme section,
body.surface-theme article,
body.surface-theme .owner-card,
body.surface-theme .owner-stat-card,
body.surface-theme .owner-surface,
body.surface-theme .owner-note,
body.surface-theme .owner-plan-card,
body.surface-theme .owner-request-card,
body.surface-theme .editor-card,
body.surface-theme [class*='bg-[#0a1411]'],
body.surface-theme [class*='bg-[#050807]'],
body.surface-theme [class*='bg-[#07110f]'],
body.surface-theme [class*='bg-[#06130d]'],
body.surface-theme [class*='bg-[#0b1f15]'],
body.surface-theme [class*='bg-black/30'],
body.surface-theme [class*='bg-white/[0.03]'],
body.surface-theme [class*='bg-white/[.03]'],
body.surface-theme [class*='rounded-[24px]'],
body.surface-theme [class*='rounded-[28px]'],
body.surface-theme [class*='rounded-[32px]'] {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(20, 184, 166, 0.14) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06) !important;
}

body.surface-theme [class*='text-white'],
body.surface-theme .text-white\/45,
body.surface-theme .text-white\/50,
body.surface-theme .text-white\/55,
body.surface-theme .text-white\/60,
body.surface-theme .text-white\/65,
body.surface-theme .text-white\/70,
body.surface-theme .text-white\/80,
body.surface-theme .text-white\/85 {
  color: #64748b !important;
}

body.surface-theme .text-emerald-200,
body.surface-theme .text-emerald-300,
body.surface-theme .text-emerald-400,
body.surface-theme .text-emerald-500,
body.surface-theme .text-amber-400,
body.surface-theme .text-sky-200,
body.surface-theme .text-sky-400,
body.surface-theme .owner-chip,
body.surface-theme .owner-field-label,
body.surface-theme .cms-tab.active {
  color: #0d9488 !important;
}

body.surface-theme .owner-chip,
body.surface-theme [class*='bg-emerald-500/10'],
body.surface-theme [class*='bg-amber-500/20'],
body.surface-theme [class*='bg-sky-500/10'],
body.surface-theme [class*='bg-emerald-500/15'] {
  background: rgba(20, 184, 166, 0.1) !important;
  border-color: rgba(20, 184, 166, 0.14) !important;
}

body.surface-theme button,
body.surface-theme a[class*='px-'],
body.surface-theme .cms-tab,
body.surface-theme .section-actions button,
body.surface-theme .editor-toolbar button {
  border-radius: 14px !important;
}

body.surface-theme button,
body.surface-theme input,
body.surface-theme select,
body.surface-theme textarea,
body.surface-theme .cms-input,
body.surface-theme .otp-input {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(20, 184, 166, 0.18) !important;
}

body.surface-theme button:hover,
body.surface-theme a[class*='hover:bg-white/5']:hover,
body.surface-theme a[class*='hover:bg-white/10']:hover {
  background: #f0fdfa !important;
}

body.surface-theme a[class*='bg-emerald-500'],
body.surface-theme button[class*='bg-emerald-500'],
body.surface-theme button[class*='bg-emerald-400'],
body.surface-theme a[class*='bg-emerald-400'],
body.surface-theme .cms-tab.active {
  background: #0d9488 !important;
  color: #ffffff !important;
  border-color: #0d9488 !important;
}

body.surface-theme a[class*='bg-white'],
body.surface-theme a[class*='bg-white/5'],
body.surface-theme a[class*='bg-white/10'],
body.surface-theme button[class*='bg-white/5'],
body.surface-theme button[class*='bg-white/10'] {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(20, 184, 166, 0.14) !important;
}

body.surface-theme .otp-input:focus,
body.surface-theme .cms-input:focus {
  box-shadow: 0 0 0 4px rgba(20, 184, 166, 0.12) !important;
}

body.surface-theme .mic-bar,
body.surface-theme .owner-chart-bar,
body.surface-theme .mini-fill {
  background: linear-gradient(180deg, #14b8a6, #0d9488) !important;
}

body.surface-theme footer {
  color: #64748b !important;
}

@media (max-width: 640px) {
  body.surface-theme section,
  body.surface-theme article,
  body.surface-theme .owner-card,
  body.surface-theme .owner-stat-card,
  body.surface-theme .owner-plan-card,
  body.surface-theme .owner-request-card {
    border-radius: 22px !important;
  }
}