/* ═══════════════════════════════════════════════════════════
   Theme: Mist — Cool mint white, green + blue accents
   ═══════════════════════════════════════════════════════════ */

.theme-mist {
  /* Base backgrounds */
  --bg-base: #f0f4f8;
  --bg-elevated: #ffffff;

  /* Text hierarchy */
  --text-primary: #0f172a;
  --text-secondary: rgba(15, 23, 42, 0.72);
  --text-tertiary: rgba(15, 23, 42, 0.48);
  --text-muted: rgba(15, 23, 42, 0.32);

  /* Accent colors */
  --accent-primary: #10b981;
  --accent-primary-rgb: 16, 185, 129;
  --accent-secondary: #3b82f6;
  --accent-secondary-rgb: 59, 130, 246;
  --accent-tertiary: #8b5cf6;
  --accent-tertiary-rgb: 139, 92, 246;

  /* Semantic colors */
  --success: #10b981;
  --success-bg: rgba(16, 185, 129, 0.12);
  --warning: #f59e0b;
  --warning-bg: rgba(245, 158, 11, 0.12);
  --danger: #ef4444;
  --danger-bg: rgba(239, 68, 68, 0.12);
  --info: #3b82f6;
  --info-bg: rgba(59, 130, 246, 0.12);

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #10b981, #3b82f6);
  --gradient-hero: linear-gradient(135deg, #10b981 0%, #3b82f6 50%, #8b5cf6 100%);

  /* Glass tint — cool mint cast */
  --glass-tint: rgba(16, 185, 129, 0.03);

  color-scheme: light;
}

/* Light theme glass overrides — higher opacity for readability */
.theme-mist {
  --glass-bg: rgba(255, 255, 255, 0.55);
  --glass-bg-hover: rgba(255, 255, 255, 0.72);
  --glass-bg-strong: rgba(255, 255, 255, 0.88);
  --glass-border: rgba(15, 23, 42, 0.08);
  --glass-border-strong: rgba(15, 23, 42, 0.14);
}