/**
 * City skyline theme for Cool Slides
 * Theme tokens (palette, card, focus) plus a light drift on the sky layer.
 * Engine layout lives in media/css/yc-cool-slides.css.
 */

.yc-cool-slides-theme-city-skyline {
    --yc-cs-sky: #7fc3e8;
    --yc-cs-ground: #b4552e;
    --yc-cs-text: #17304a;
    --yc-cs-accent: #e0721a;
    --yc-cs-accent-dark: #b4550f;
    --yc-cs-focus: #f4c24a;
    --yc-cs-card: rgba(255, 255, 255, 0.92);
}

/* The sky layer drifts very slowly for extra life (independent of scrolling) */
.yc-cool-slides-theme-city-skyline .yc-cool-slides-layer-sky {
    animation: yc-cs-drift 60s linear infinite alternate;
}

@keyframes yc-cs-drift {
    from { background-position-x: left; }
    to   { background-position-x: 120px; }
}

@media (prefers-reduced-motion: reduce) {
    .yc-cool-slides-theme-city-skyline .yc-cool-slides-layer-sky { animation: none; }
}