/**
 * Homepage v2.0 - Design Tokens
 * @description Imports unified DS tokens. All shared vars live in design-system/tokens.css.
 * @task Homepage Full Redesign
 * @version 2.1.0
 * @date 2026-02-24
 */

/* Import single source of truth */
@import url('../design-system/tokens.css');

/* ==========================================================================
   Homepage-Specific Extensions (no duplicates of DS tokens)
   ========================================================================== */

:root {
  /* Homepage has no unique tokens beyond DS at this time.
     Category colors, typography, spacing, shadows, etc. all come from DS. */
}

/* Responsive header height */
@media (min-width: 1024px) {
  :root {
    --header-h: 64px;
  }
}

/* ==========================================================================
   Dark Theme (homepage-specific overrides only)
   ========================================================================== */

.dark-theme {
  /* DS already defines all dark theme tokens.
     Homepage adds image dimming behavior. */
}

.dark-theme img:not([data-no-dim]) {
  filter: brightness(0.9);
}
.dark-theme img:hover {
  filter: brightness(1);
}

/* ==========================================================================
   Reduced Motion
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 0ms;
    --transition-normal: 0ms;
    --transition-slow: 0ms;
  }
}