/* Alternate cosmic palette inspired by version2 */
body.version2 {
  --bg-gradient: radial-gradient(circle at 20% 20%, rgba(240, 147, 251, 0.18), transparent 55%),
    radial-gradient(circle at 80% 10%, rgba(102, 126, 234, 0.22), transparent 60%),
    linear-gradient(135deg, #1a1249 0%, #2d1a63 45%, #5b2d91 75%, #764ba2 100%);
  --bg-gradient-light: linear-gradient(135deg, #f4efff 0%, #ffffff 55%, #f3ecff 100%);
  --surface-glass: rgba(18, 20, 54, 0.72);
  --surface-glass-light: rgba(255, 255, 255, 0.78);
  --border-glass: rgba(102, 126, 234, 0.38);
  --border-glass-light: rgba(102, 126, 234, 0.22);
  --text-primary: #f7f8ff;
  --text-secondary: rgba(228, 231, 255, 0.82);
  --text-light-primary: #161539;
  --text-light-secondary: rgba(32, 36, 82, 0.65);
  --accent: #f093fb;
  --accent-strong: #667eea;
  --glass-shadow: 0 32px 70px -42px rgba(19, 15, 58, 0.9);
  --glass-shadow-light: 0 26px 60px -36px rgba(102, 126, 234, 0.32);
}

body.version2 {
  background: var(--bg-gradient);
  color: var(--text-primary);
}

body.version2::before,
body.version2::after {
  background: radial-gradient(circle at 25% 85%, rgba(240, 147, 251, 0.32), transparent 60%),
    radial-gradient(circle at 85% 25%, rgba(102, 126, 234, 0.28), transparent 65%);
  opacity: 0.8;
}

body.version2::after {
  background: radial-gradient(circle at 70% 70%, rgba(118, 75, 162, 0.3), transparent 65%),
    radial-gradient(circle at 30% 30%, rgba(102, 126, 234, 0.25), transparent 60%);
}

body.version2.light {
  background: var(--bg-gradient-light);
  color: var(--text-light-primary);
}

body.version2.light::before,
body.version2.light::after {
  background: radial-gradient(circle at 25% 80%, rgba(240, 147, 251, 0.22), transparent 60%),
    radial-gradient(circle at 75% 20%, rgba(102, 126, 234, 0.18), transparent 65%);
  opacity: 0.6;
}

body.version2 .page-shell::before {
  content: '✶';
  color: rgba(240, 147, 251, 0.55);
  text-shadow: 0 12px 24px rgba(102, 126, 234, 0.4);
}

body.version2 .hero::after {
  content: 'cosmic edition active';
  color: rgba(240, 147, 251, 0.76);
}

body.version2 .primary-action {
  background: linear-gradient(135deg, #f093fb, #667eea);
  color: #131539;
  box-shadow: 0 24px 48px -22px rgba(102, 126, 234, 0.75);
}

body.version2 .primary-action:hover,
body.version2 .primary-action:focus-visible {
  box-shadow: 0 28px 56px -20px rgba(102, 126, 234, 0.85);
}

body.version2 .secondary-action {
  border-color: rgba(102, 126, 234, 0.35);
  color: var(--text-secondary);
}

body.version2 .view-toggle {
  background: linear-gradient(135deg, rgba(240, 147, 251, 0.28), rgba(102, 126, 234, 0.28));
  border-color: rgba(102, 126, 234, 0.38);
  box-shadow: 0 26px 55px -40px rgba(102, 126, 234, 0.7);
}

body.version2 .view-toggle:hover,
body.version2 .view-toggle:focus-visible {
  background: linear-gradient(135deg, rgba(240, 147, 251, 0.45), rgba(102, 126, 234, 0.45));
  box-shadow: 0 30px 60px -35px rgba(240, 147, 251, 0.6);
}

body.version2 .kawaii-garland {
  background: rgba(255, 255, 255, 0.08);
  border: 1px dashed rgba(102, 126, 234, 0.42);
  color: rgba(240, 147, 251, 0.75);
}

body.version2 .kawaii-garland span {
  animation-duration: 6s;
}

body.version2 .projects .section-heading::after {
  background: linear-gradient(90deg, rgba(102, 126, 234, 0.85), rgba(240, 147, 251, 0.85));
}

body.version2 .project-card::before {
  background: linear-gradient(140deg, rgba(102, 126, 234, 0.22), rgba(118, 75, 162, 0.1));
}

body.version2 .project-card::after {
  color: rgba(240, 147, 251, 0.4);
  text-shadow: 0 12px 20px rgba(102, 126, 234, 0.45);
}

body.version2 .project-card:hover,
body.version2 .project-card:focus-within {
  border-color: rgba(102, 126, 234, 0.55);
  box-shadow: 0 34px 64px -38px rgba(102, 126, 234, 0.78);
}

body.version2 .project-tag {
  color: rgba(214, 218, 255, 0.72);
}

body.version2 .cta::after {
  background: linear-gradient(90deg, rgba(102, 126, 234, 0.85), rgba(240, 147, 251, 0));
}

body.version2 .quick-stats {
  background: linear-gradient(140deg, rgba(17, 20, 52, 0.88), rgba(45, 28, 88, 0.85));
  border: 1px solid rgba(102, 126, 234, 0.45);
  box-shadow: 0 32px 70px -42px rgba(17, 20, 52, 0.75);
}

body.version2 .quick-stats::before {
  background: radial-gradient(circle at 25% 30%, rgba(240, 147, 251, 0.38), transparent 55%),
    radial-gradient(circle at 80% 45%, rgba(102, 126, 234, 0.35), transparent 60%);
}

body.version2 .quick-stats__badge {
  background: rgba(102, 126, 234, 0.32);
}

body.version2 .quick-stats__tagline {
  color: rgba(226, 228, 255, 0.85);
}

body.version2 .quick-stats__list li {
  background: rgba(255, 255, 255, 0.08);
  border: 1px dashed rgba(102, 126, 234, 0.45);
}

body.version2 .quick-stats__icon {
  filter: drop-shadow(0 8px 16px rgba(102, 126, 234, 0.45));
}

body.version2 .quick-stats__footer {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(102, 126, 234, 0.5);
  color: rgba(230, 232, 255, 0.8);
}

body.version2 .projects-table {
  background: rgba(17, 20, 52, 0.78);
  border: 1px solid rgba(102, 126, 234, 0.35);
  box-shadow: 0 28px 60px -40px rgba(17, 20, 52, 0.7);
}

body.version2 .projects-table thead {
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.32), rgba(240, 147, 251, 0.26));
}

body.version2 .projects-table tbody tr:hover {
  background: rgba(102, 126, 234, 0.14);
}

body.version2 .projects-table a {
  border-bottom: 1px dashed rgba(240, 147, 251, 0.45);
}

body.version2 .theme-toggle {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18);
}

body.version2 .theme-toggle:hover {
  background: rgba(255, 255, 255, 0.18);
}

body.version2 .menu-toggle {
  border-color: rgba(102, 126, 234, 0.38);
  background: rgba(255, 255, 255, 0.08);
}

body.version2.menu-open .menu-toggle,
body.version2 .menu-toggle:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(102, 126, 234, 0.52);
}

body.version2.menu-enabled .nav-links {
  background: linear-gradient(160deg, rgba(17, 20, 52, 0.95), rgba(45, 28, 88, 0.95));
}

body.version2.menu-enabled .nav-links a {
  color: rgba(247, 248, 255, 0.94);
}

body.version2.light.menu-enabled .nav-links {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.96), rgba(243, 237, 255, 0.96));
  color: var(--text-light-primary);
}

body.version2.light.menu-enabled .nav-links a {
  color: var(--text-light-primary);
}

body.version2 .about-kawaii {
  background: linear-gradient(135deg, rgba(21, 24, 62, 0.78), rgba(39, 27, 88, 0.75));
  border-color: rgba(102, 126, 234, 0.38);
  box-shadow: 0 32px 70px -42px rgba(17, 20, 52, 0.72);
}

body.version2 .about-kawaii__note {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(102, 126, 234, 0.45);
}

body.version2 .about-kawaii__heart {
  filter: drop-shadow(0 8px 16px rgba(240, 147, 251, 0.45));
}

body.version2 .about-kawaii__stars span {
  color: rgba(240, 147, 251, 0.85);
}

body.version2 .footer-card,
body.version2 .about-card {
  border-color: rgba(102, 126, 234, 0.35);
}

body.version2 .footer-card {
  box-shadow: 0 30px 60px -40px rgba(19, 15, 58, 0.72);
}

body.version2 .legal {
  color: rgba(222, 224, 255, 0.6);
}

body.version2.light .kawaii-garland {
  background: rgba(255, 255, 255, 0.75);
  border-color: rgba(102, 126, 234, 0.32);
  color: rgba(102, 126, 234, 0.7);
}

body.version2.light .quick-stats {
  background: linear-gradient(140deg, rgba(255, 255, 255, 0.86), rgba(240, 235, 255, 0.9));
  border-color: rgba(102, 126, 234, 0.45);
  box-shadow: 0 28px 60px -38px rgba(102, 126, 234, 0.28);
}

body.version2.light .quick-stats__list li {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(102, 126, 234, 0.3);
}

body.version2.light .quick-stats__footer {
  background: rgba(255, 255, 255, 0.92);
  color: var(--text-light-secondary);
}

body.version2.light .project-card::after {
  color: rgba(118, 75, 162, 0.3);
}

body.version2.light .projects-table tbody tr:hover {
  background: rgba(102, 126, 234, 0.1);
}

body.version2.light .about-kawaii {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(243, 237, 255, 0.82));
  border-color: rgba(102, 126, 234, 0.32);
}

body.version2.light .about-kawaii__note {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(102, 126, 234, 0.28);
  color: var(--text-light-secondary);
}

body.version2.light .about-kawaii__heart {
  filter: drop-shadow(0 8px 16px rgba(102, 126, 234, 0.35));
}