/*
 * zkcmainv2 — design tokens
 *
 * Every colour and theme image used by template.css is a custom property here.
 * <html data-theme="light|dark"> is set by index.php (and kept up to date by
 * js/template.js) according to the template's "Colour scheme" setting.
 *
 * Celebration themes (css/celebrations/*.css) and the celebration settings in the
 * template style override these same properties, so they work in both schemes.
 */

/* ------------------------------------------------------------------------
 * Day (light) scheme — also the fallback when no data-theme is set
 * ---------------------------------------------------------------------- */
:root,
[data-theme="light"] {
    color-scheme: light;

    /* Page */
    --zkc-page-bg: #eeeeee;
    --zkc-page-bg-image: none;
    --zkc-text: #333333;
    --zkc-link: #333333;
    --zkc-link-hover: #000000;
    --zkc-accent: #ffb914;
    --zkc-muted: #999999;
    --zkc-border: #dddddd;
    --zkc-surface: #ffffff;
    --zkc-surface-alt: #f5f5f5;
    --zkc-surface-active: #f0f0f0;
    --zkc-striped: #f9f9f9;

    /* Header */
    --zkc-header-bg: #ffffff;
    --zkc-header-fg: #333333;
    --zkc-header-sticky-bg: #ffffff;
    --zkc-header-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
    --zkc-logo-image: url(../images/logo.svg);

    /* Desktop drop-down menus */
    --zkc-menu-bg: #ffffff;
    --zkc-menu-fg: #333333;
    --zkc-menu-hover-bg: #f3f3f3;
    --zkc-menu-hover-fg: #000000;

    /* Breadcrumb / search bar */
    --zkc-bar-bg: #e3e3e3;
    --zkc-bar-fg: #333333;
    --zkc-bar-muted: #666666;
    --zkc-bar-divider: #999999;
    --zkc-search-bg: #ffffff;
    --zkc-search-fg: #333333;
    --zkc-search-border: #bbbbbb;

    /* "Artimiausi renginiai" (events) section */
    --zkc-events-bg: #f4f4f4;
    --zkc-events-fg: #333333;
    --zkc-events-rule: #333333;
    --zkc-card-bg: #ffffff;
    --zkc-card-fg: #333333;
    --zkc-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);

    /* News / component area */
    --zkc-content-bg: #f9f9f9;
    --zkc-content-fg: #333333;
    --zkc-content-title: #444444;
    --zkc-content-rule: #666666;
    --zkc-sidebar-rule: #cccccc;

    /* Gallery */
    --zkc-gallery-bg: #e6e6e6;
    --zkc-gallery-fg: #333333;

    /* Footer */
    --zkc-footer-bg: #444444;
    --zkc-footer-fg: #ffffff;
    --zkc-ticket-icon: url(../images/tickets-wh.svg);
    --zkc-location-icon: url(../images/location-pin-wh.svg);

    /* Mobile side menu (kept dark in both schemes) */
    --zkc-sidemenu-bg: #000000;
    --zkc-sidemenu-fg: #ffffff;

    /* Overlays */
    --zkc-overlay-bg: #ffffff;
    --zkc-overlay-fg: #333333;
    --zkc-preloader-bg: #ffffff;
    --zkc-preloader-ring: #666666;

    /* Buttons */
    --zkc-btn-bg: linear-gradient(to bottom, #ffffff, #e6e6e6);
    --zkc-btn-fg: #333333;
    --zkc-btn-border: #bbbbbb;
    --zkc-btn-border-bottom: #a2a2a2;

    /* Celebration decoration (set by a celebration theme) */
    --zkc-celebration-image: none;
    --zkc-celebration-height: 0;
}

/* ------------------------------------------------------------------------
 * Night (dark) scheme — the colours of the current zkc.lt desktop design,
 * extended to the news area, cards and forms so the whole page is dark.
 * ---------------------------------------------------------------------- */
[data-theme="dark"] {
    color-scheme: dark;

    --zkc-page-bg: #222222;
    --zkc-text: #e6e6e6;
    --zkc-link: #e6e6e6;
    --zkc-link-hover: #ffffff;
    --zkc-muted: #999999;
    --zkc-border: #444444;
    --zkc-surface: #333333;
    --zkc-surface-alt: #3a3a3a;
    --zkc-surface-active: #444444;
    --zkc-striped: #2c2c2c;

    --zkc-header-bg: #292929;
    --zkc-header-fg: #ffffff;
    --zkc-header-sticky-bg: #444444;
    --zkc-header-shadow: none;
    --zkc-logo-image: url(../images/logo-wh.svg);

    --zkc-menu-bg: #2f2f2f;
    --zkc-menu-fg: #eeeeee;
    --zkc-menu-hover-bg: #3d3d3d;
    --zkc-menu-hover-fg: #ffffff;

    --zkc-bar-bg: #444444;
    --zkc-bar-fg: #ffffff;
    --zkc-bar-muted: #aaaaaa;
    --zkc-bar-divider: #cccccc;
    --zkc-search-bg: #ffffff;
    --zkc-search-fg: #333333;
    --zkc-search-border: #bbbbbb;

    --zkc-events-bg: #404040;
    --zkc-events-fg: #ffffff;
    --zkc-events-rule: #ffffff;
    --zkc-card-bg: #ffffff;
    --zkc-card-fg: #333333;
    --zkc-card-shadow: none;

    --zkc-content-bg: #2a2a2a;
    --zkc-content-fg: #e6e6e6;
    --zkc-content-title: #eeeeee;
    --zkc-content-rule: #888888;
    --zkc-sidebar-rule: #555555;

    --zkc-gallery-bg: #292929;
    --zkc-gallery-fg: #ffffff;

    --zkc-footer-bg: #444444;
    --zkc-footer-fg: #ffffff;

    --zkc-overlay-bg: #292929;
    --zkc-overlay-fg: #e6e6e6;
    --zkc-preloader-bg: #222222;
    --zkc-preloader-ring: #aaaaaa;

    --zkc-btn-bg: linear-gradient(to bottom, #555555, #3d3d3d);
    --zkc-btn-fg: #eeeeee;
    --zkc-btn-border: #666666;
    --zkc-btn-border-bottom: #555555;
}