/* =========================================================
   MeetAcross — themes.css
   CSS custom properties for light and dark themes
   ========================================================= */

:root {
  /* Light theme (default) */
  --bg-primary:    #f0f4f8;
  --bg-secondary:  #e2e8f0;
  --bg-card:       #ffffff;
  --text-primary:  #1a202c;
  --text-secondary:#4a5568;
  --border:        #cbd5e0;
  --accent:        #3B82F6;
  --accent-hover:  #2563eb;
  --green:         #22c55e;
  --green-bg:      #dcfce7;
  --yellow:        #f59e0b;
  --yellow-bg:     #fef9c3;
  --red:           #ef4444;
  --red-bg:        #fee2e2;
  --shadow:        rgba(0, 0, 0, 0.08);
  --shadow-md:     rgba(0, 0, 0, 0.14);
  --glow:          rgba(59, 130, 246, 0.35);

  /* Hour cell colours */
  --cell-core-bg:     #dcfce7;
  --cell-core-text:   #15803d;
  --cell-early-bg:    #fef9c3;
  --cell-early-text:  #92400e;
  --cell-night-bg:    #fee2e2;
  --cell-night-text:  #991b1b;
  --cell-golden-bg:   #bfdbfe;
  --cell-golden-text: #1d4ed8;

  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg-primary:    #0f172a;
  --bg-secondary:  #1e293b;
  --bg-card:       #1e293b;
  --text-primary:  #f1f5f9;
  --text-secondary:#94a3b8;
  --border:        #334155;
  --accent:        #3B82F6;
  --accent-hover:  #60a5fa;
  --green:         #4ade80;
  --green-bg:      #052e16;
  --yellow:        #fbbf24;
  --yellow-bg:     #1c1700;
  --red:           #f87171;
  --red-bg:        #2d0a0a;
  --shadow:        rgba(0, 0, 0, 0.40);
  --shadow-md:     rgba(0, 0, 0, 0.60);
  --glow:          rgba(59, 130, 246, 0.50);

  --cell-core-bg:     #052e16;
  --cell-core-text:   #4ade80;
  --cell-early-bg:    #1c1700;
  --cell-early-text:  #fbbf24;
  --cell-night-bg:    #2d0a0a;
  --cell-night-text:  #f87171;
  --cell-golden-bg:   #1e3a5f;
  --cell-golden-text: #93c5fd;

  color-scheme: dark;
}

/* Smooth theme transitions */
*,
*::before,
*::after {
  transition:
    background-color 0.3s ease,
    color            0.3s ease,
    border-color     0.3s ease,
    box-shadow       0.3s ease;
}

/* Disable transitions during theme switch to prevent flash */
.no-transitions *,
.no-transitions *::before,
.no-transitions *::after {
  transition: none !important;
}