/* ========================================
   SNAIL THEME (Comfy Sci‑Fi Blue)
   ======================================== */

:root {
  /* Core Snail Palette Tokens (do not directly theme here) */
  --snail-body: #8bc4ee; /* light blue */
  --snail-shell: #2981c6; /* mid blue */
  --snail-shell-dark: #15508F; /* deep shell shadow */
  --snail-accent: #c74759; /* pink mouth accent */
  --snail-dark: #0F1B29; /* dark base */
  --snail-dark-alt: #070e17; /* optional deepest */
  --text-primary: #FFFFFF;
  --text-secondary: #C9D5E2;
  --border: #23425F;
}

body[data-theme="snail"] {
  /* Map design system color tokens */
  --color-bg-primary: var(--snail-dark);
  --color-bg-secondary: #13283B;
  --color-bg-tertiary: #1C3A52;

  --color-primary: var(--snail-shell);
  --color-primary-dark: var(--snail-shell-dark);
  --color-primary-light: var(--snail-body);

  --color-accent: var(--snail-accent);

  --color-text-primary: var(--text-primary);
  --color-text-secondary: var(--text-secondary);
  --color-border: var(--border);
  --color-border-light: #2F5575;
  --color-border-dark: #406C8F;

  /* Remove medieval residuals */
  --gradient-primary: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 60%, var(--color-primary-dark) 100%);
  --gradient-surface: linear-gradient(135deg, #13283B 0%, #1C3A52 100%);

  --focus-ring: 0 0 0 3px rgba(41,129,198,0.45);
  --glow-soft: 0 0 12px rgba(41,129,198,.25);
}

/* Global background override */
body[data-theme="snail"] {
  background: linear-gradient(135deg, #0F1B29 0%, #13283B 100%);
  background-attachment: fixed;
}

/* HERO Title cleanup (remove heavy parchment/gold styling) */
body[data-theme="snail"] .hero__title {
  color: var(--color-primary-light);
  text-shadow: none;
}
body[data-theme="snail"] .hero__title-line--accent { color: var(--color-accent); }

/* Decorative corners removed (optional) or recolor */
body[data-theme="snail"] .hero__title::before,
body[data-theme="snail"] .hero__title::after { border-color: var(--color-primary); }

/* Buttons */
body[data-theme="snail"] .btn--primary {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
  color: #fff;
  box-shadow: var(--glow-soft);
}
body[data-theme="snail"] .btn--primary:hover {
  filter: brightness(1.1);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.35), var(--glow-soft);
}

body[data-theme="snail"] .btn--secondary {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
}
body[data-theme="snail"] .btn--secondary:hover {
  border-color: var(--color-primary);
  background: linear-gradient(135deg, var(--color-bg-tertiary) 0%, #17324A 100%);
  box-shadow: var(--glow-soft);
}

/* Remove gold glow class effect */
body[data-theme="snail"] .medieval-glow { animation: none; box-shadow: var(--glow-soft); }

/* Divider */
body[data-theme="snail"] .medieval-divider,
body[data-theme="snail"] .section__title::after {
  background: linear-gradient(to right, transparent, var(--color-primary), transparent);
}

/* Borders / Celtic replacement */
body[data-theme="snail"] .celtic-border,
body[data-theme="snail"] .medieval-border {
  border: 2px solid var(--color-border);
  border-image: none;
  box-shadow: none;
}

/* Lore cards & mission surfaces */
body[data-theme="snail"] .lore__chapter,
body[data-theme="snail"] .lore__wisdom,
body[data-theme="snail"] .mission {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  box-shadow: 0 2px 4px rgba(0,0,0,.3);
}

body[data-theme="snail"] .lore__chapter-title,
body[data-theme="snail"] .mission__title,
body[data-theme="snail"] .section__title { color: var(--color-primary-light); }

body[data-theme="snail"] .lore__chapter-text,
body[data-theme="snail"] .mission__text { color: var(--color-text-secondary); }

body[data-theme="snail"] blockquote.lore__quote { border: 1px solid var(--color-border); background: var(--color-bg-tertiary); }
body[data-theme="snail"] .lore__quote::before { color: var(--color-primary); }

/* Footer */
body[data-theme="snail"] .footer { background: var(--color-bg-secondary); }

/* Navigation */
body[data-theme="snail"] .nav {
  background: rgba(15, 27, 41, 0.95) !important;
  border-bottom: 1px solid var(--color-border);
}

/* Emoji / icon recolor fallback (if had gold color) */
body[data-theme="snail"] .nav__mobile-icon,
body[data-theme="snail"] .nav__link.active,
body[data-theme="snail"] .nav__link:hover { color: var(--color-primary); }

/* Accessibility focus */
body[data-theme="snail"] :focus-visible { outline:2px solid var(--color-primary-light); outline-offset:2px; }

/* Optional subtle panel hover */
body[data-theme="snail"] .lore__chapter:hover { border-color: var(--color-primary); }

/* Remove medieval-only decorative patterns */
body[data-theme="snail"] .hero::before { display:none; }