/* ============================================================
   Mindful Suite – Global Design System & Themes
   Fluid dark mode environment with curated color palettes
   ============================================================ */

:root {
  /* Default: Nachtblau */
  --c-bg:        #090d18;
  --c-surface:   #0f172a;
  --c-surface-2: #1e293b;
  --c-bg-card:   rgba(15, 23, 42, 0.6);
  --c-bg-hover:  rgba(30, 41, 59, 0.4);
  --c-border:    rgba(148, 163, 184, 0.1);
  --c-accent:    #3b82f6;
  --c-accent-2:  #60a5fa;
  --c-text:      #f1f5f9;
  --c-text-soft: #94a3b8;
  --c-text-dim:  #64748b;
  --c-glow:      rgba(59, 130, 246, 0.35);
  --c-glow-soft: rgba(59, 130, 246, 0.12);
  --g-glow:      radial-gradient(circle at 50% 0%, rgba(59, 130, 246, 0.15), transparent 70%);
  --g-accent:    linear-gradient(135deg, #3b82f6, #60a5fa);
  --g-card:      linear-gradient(160deg, rgba(15, 23, 42, 0.8), rgba(30, 41, 59, 0.4));
}

/* Theme: Nebel (Slate/Grey) */
[data-theme="nebel"] {
  --c-bg:        #0f172a;
  --c-surface:   #1e293b;
  --c-surface-2: #334155;
  --c-bg-card:   rgba(30, 41, 59, 0.6);
  --c-bg-hover:  rgba(51, 65, 85, 0.4);
  --c-border:    rgba(148, 163, 184, 0.1);
  --c-accent:    #94a3b8;
  --c-accent-2:  #cbd5e1;
  --c-text:      #f8fafc;
  --c-text-soft: #94a3b8;
  --c-text-dim:  #64748b;
  --c-glow:      rgba(148, 163, 184, 0.3);
  --c-glow-soft: rgba(148, 163, 184, 0.1);
  --g-glow:      radial-gradient(circle at 50% 0%, rgba(148, 163, 184, 0.1), transparent 70%);
  --g-accent:    linear-gradient(135deg, #94a3b8, #cbd5e1);
  --g-card:      linear-gradient(160deg, rgba(30, 41, 59, 0.8), rgba(51, 65, 85, 0.4));
}

/* Theme: Waldmoos (Deep Green) */
[data-theme="waldmoos"] {
  --c-bg:        #052c22;
  --c-surface:   #064e3b;
  --c-surface-2: #065f46;
  --c-bg-card:   rgba(6, 78, 59, 0.4);
  --c-bg-hover:  rgba(6, 95, 70, 0.3);
  --c-border:    rgba(16, 185, 129, 0.1);
  --c-accent:    #10b981;
  --c-accent-2:  #34d399;
  --c-text:      #ecfdf5;
  --c-text-soft: #a7f3d0;
  --c-text-dim:  #6ee7b7;
  --c-glow:      rgba(16, 185, 129, 0.35);
  --c-glow-soft: rgba(16, 185, 129, 0.12);
  --g-glow:      radial-gradient(circle at 50% 0%, rgba(16, 185, 129, 0.15), transparent 70%);
  --g-accent:    linear-gradient(135deg, #10b981, #34d399);
  --g-card:      linear-gradient(160deg, rgba(6, 78, 59, 0.8), rgba(6, 95, 70, 0.4));
}

/* Theme: Lavendel (Deep Purple/Evening) */
[data-theme="lavendel"] {
  --c-bg:        #1e1b4b;
  --c-surface:   #312e81;
  --c-surface-2: #3730a3;
  --c-bg-card:   rgba(49, 46, 129, 0.4);
  --c-bg-hover:  rgba(67, 56, 202, 0.3);
  --c-border:    rgba(129, 140, 248, 0.1);
  --c-accent:    #818cf8;
  --c-accent-2:  #a5b4fc;
  --c-text:      #eef2ff;
  --c-text-soft: #c7d2fe;
  --c-text-dim:  #a5b4fc;
  --c-glow:      rgba(129, 140, 248, 0.35);
  --c-glow-soft: rgba(129, 140, 248, 0.12);
  --g-glow:      radial-gradient(circle at 50% 0%, rgba(129, 140, 248, 0.15), transparent 70%);
  --g-accent:    linear-gradient(135deg, #818cf8, #a5b4fc);
  --g-card:      linear-gradient(160deg, rgba(49, 46, 129, 0.8), rgba(67, 56, 202, 0.4));
}

/* Theme: Tiefsee (Deep Teal/Ocean) */
[data-theme="tiefsee"] {
  --c-bg:        #083344;
  --c-surface:   #164e63;
  --c-surface-2: #155e75;
  --c-bg-card:   rgba(22, 78, 99, 0.4);
  --c-bg-hover:  rgba(21, 94, 117, 0.3);
  --c-border:    rgba(34, 211, 238, 0.1);
  --c-accent:    #22d3ee;
  --c-accent-2:  #67e8f9;
  --c-text:      #ecfeff;
  --c-text-soft: #a5f3fc;
  --c-text-dim:  #67e8f9;
  --c-glow:      rgba(34, 211, 238, 0.35);
  --c-glow-soft: rgba(34, 211, 238, 0.12);
  --g-glow:      radial-gradient(circle at 50% 0%, rgba(34, 211, 238, 0.15), transparent 70%);
  --g-accent:    linear-gradient(135deg, #22d3ee, #67e8f9);
  --g-card:      linear-gradient(160deg, rgba(22, 78, 99, 0.8), rgba(21, 94, 117, 0.4));
}

body {
  background-color: var(--c-bg);
  background-image: radial-gradient(circle at 50% -20%, var(--c-surface), var(--c-bg));
  background-attachment: fixed;
  color: var(--c-text);
  margin: 0;
  font-family: 'Inter', -apple-system, sans-serif;
  transition: background-color 0.8s ease, color 0.5s;
}