/**
 * Default Theme - Purple Primary, Turquoise Secondary
 * This is the original color scheme.
 *
 * CROSSFADE MIDPOINT CALCULATION:
 * -------------------------------
 * Primary:   #101319 = RGB(16, 19, 25)
 * Secondary: #111D26 = RGB(17, 29, 38)
 *
 * Midpoint:
 *   R: (16 + 17) / 2 = 16.5 ≈ 17 → 0x11
 *   G: (19 + 29) / 2 = 24        → 0x18
 *   B: (25 + 38) / 2 = 31.5 ≈ 32 → 0x20
 *
 * Result: #111820
 */
:root {
  /* Primary Colors */
  --color-black: #101319;
  --color-charcoal: #111D26;
  --color-purple: #A020F0;
  --color-white: #FFFFFF;
  --color-turquoise: #6FF0D7;

  /* Backgrounds */
  --bg-primary: var(--color-black);
  --bg-secondary: var(--color-charcoal);

  /* Crossfade midpoint - average of --bg-primary and --bg-secondary RGB values */
  --bg-crossfade-midpoint: #111820;

  /* Accents */
  --accent-primary: var(--color-purple);
  --accent-secondary: var(--color-turquoise);

  /* Text */
  --text-primary: var(--color-white);
  --text-secondary: rgba(255, 255, 255, 0.7);
  --text-muted: rgba(255, 255, 255, 0.5);

  /* Timeline */
  --timeline-line: linear-gradient(to top, rgba(160, 32, 240, 0.3), var(--accent-primary));
  --timeline-marker: var(--accent-secondary);

  /* Shadows */
  --shadow-accent-primary: 0 0 20px rgba(160, 32, 240, 0.3);
  --shadow-accent-secondary: 0 0 20px rgba(111, 240, 215, 0.3);
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.3);
}