/* ═══════════════════════════════════════════════════════════════
   VIVEREA — subtiles warmes Seiten-Canvas
   Nach theme-light.css laden. Ersetzt #F5F7FA nur bei html.app-warm-canvas.
   ═══════════════════════════════════════════════════════════════ */

/* Warmes Canvas: leichter Verlauf, Noise kommt von theme-light html[data-theme="light"]::before */
html.app-warm-canvas[data-theme="light"] {
  background-color: #f8f9fb !important;
  background-image: linear-gradient(180deg, #f8f9fb 0%, #f6f7fa 100%) !important;
  background-attachment: fixed !important;
  min-height: 100vh;
}

html.app-warm-canvas[data-theme="light"] body {
  background: transparent !important;
  background-image: none !important;
  min-height: 100vh;
}

html.app-warm-canvas[data-theme="light"] .admin-dashboard-wrapper,
html.app-warm-canvas[data-theme="light"] .main,
html.app-warm-canvas[data-theme="light"] .main-content,
html.app-warm-canvas[data-theme="light"] .content-wrapper,
html.app-warm-canvas[data-theme="light"] .page-content,
html.app-warm-canvas[data-theme="light"] .dashboard-content,
html.app-warm-canvas[data-theme="light"] main {
  background: transparent !important;
}

[data-theme="dark"] html.app-warm-canvas body {
  background-color: #0a0d12 !important;
  background-image:
    radial-gradient(ellipse 68% 48% at 50% 11%, rgba(100, 116, 145, 0.22) 0%, rgba(45, 52, 68, 0.08) 45%, transparent 68%),
    linear-gradient(
      to bottom right,
      #0f131a 0%,
      #0d1118 38%,
      #0b0f16 72%,
      #090c12 100%
    ) !important;
  min-height: 100vh;
}

[data-theme="dark"] html.app-warm-canvas .admin-dashboard-wrapper,
[data-theme="dark"] html.app-warm-canvas .main,
[data-theme="dark"] html.app-warm-canvas .main-content,
[data-theme="dark"] html.app-warm-canvas .content-wrapper,
[data-theme="dark"] html.app-warm-canvas .page-content,
[data-theme="dark"] html.app-warm-canvas .dashboard-content,
[data-theme="dark"] html.app-warm-canvas main {
  background: transparent !important;
}