/* Motion theme — minimal token overrides. The Motion components
   (MotionLayout/Header/Footer/ProductCard) carry their own scoped CSS and mostly
   inherit the base tokens from `:root` in web-base.css. This sheet exists so that
   a company can flip `Site.ActiveThemeId` to the Motion theme and get at least a
   visibly distinct accent without further code changes. Build out brand layout
   rules here as Motion grows (hero, grid, CTA, etc.). */
.theme-motion {
    /* Warm terracotta accent — distinct from Fotokrome's cool slate so a
       theme-flip visibly takes effect. Tune when Motion's brand is finalised. */
    --kw-accent: #C85A2F;
    --kw-accent-deep: #9B4323;
    --kw-accent-soft: #E6A68A;
    --kw-font: 'Inter', system-ui, -apple-system, sans-serif;
}

/* When Motion grows article/policy routes, parallel the Fotokrome opaque-header
   lock here, targeting Motion's header class:
   .theme-motion .kw-site:has(.kw-page--article) .motion-header { ... }         */