/* ===== WORDMARK DANCE - Base Styling ===== */

/* This file provides the basic display properties for the letters.
   All animation and font-variation-settings are now handled
   exclusively by js/wordmark-sequence.js to prevent CSS
   specificity conflicts. */

:root {
  /* Final resting font variations, available for fallbacks or transitions. */
  --wordmark-final-variations: "wght" 900, "wdth" 100, "slnt" 0, "opsz" 81,
    "GRAD" 2, "XOPQ" 105, "XTRA" 452, "YOPQ" 78, "YTAS" 773, "YTDE" -186,
    "YTFI" 677, "YTLC" 501, "YTUC" 627;
}

.wordmark-letter {
  display: inline-block;
  /* text-shadow removed - now using filter-based glow on parent */
  color: var(--text-color);
  /* The font-variation-settings are now applied via inline style from JS */
}

/* ===== ACCESSIBILITY & THEME SUPPORT ===== */

/* For users who prefer reduced motion, JS will be disabled, and the 
   CSS animation in landing.css provides a graceful fallback. */
@media (prefers-reduced-motion: reduce) {
  .wordmark-letter {
    /* Let the fallback state from landing.css take over */
  }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  .wordmark-letter {
    text-shadow: none;
    font-weight: 600;
  }
}