/* GROOGES 1.1.5 | Cohesive five-step neon ladder + accessible colour mode.
   Universal UI is neutral. Only sections/stories receive category colours. */
:root {
  --kunst:#EFFB00; --kunst-deep:#F9B000;
  --theater:#FF1C8C; --theater-deep:#C7017F;
  --kino:#904AFF; --kino-deep:#663399;
  --musik:#15C7F2; --musik-deep:#0087CC;
  --literatur:#00FF00; --literatur-deep:#95BB20;
  --acid:var(--kunst);
  --accent:#171717;
  --g-bg:#FFFFFF; --g-paper:#FFFFFF; --g-surface:#F7F7F7;
  --g-muted-surface:#F1F2F2; --g-fg:#171717; --g-secondary:#56595C;
  --g-line:#DADBDD; --g-footer:#161616;
  color-scheme:light;
}
:root[data-grooges-theme="dark"] {
  --g-bg:#111214; --g-paper:#191B1E; --g-surface:#202226;
  --g-muted-surface:#292C31; --g-fg:#F5F5F6; --g-secondary:#BABDC3;
  --g-line:#46494E; --g-footer:#0B0B0C;
  color-scheme:dark;
}
/* category signalling: deep tone as deliberate lower step, not another competing hue */
.g-rubric-page .g-color-dot,.g-article .g-color-dot,
.g-rubric-page .g-colorbar { color:var(--accent-deep,var(--accent)) !important; }
.g-rubric-page .g-colorbar { background:var(--accent-deep,var(--accent)) !important; }
.g-rubric-page .c-archive-row:hover { background:linear-gradient(90deg,var(--accent-deep,var(--accent)) 0 7px,transparent 7px) !important; }
.g-rubric-page .c-intro-side span,
.g-rubric-page .c-feature-copy { color:var(--accent-ink,#111) !important; }
.g-rubric-page .c-feature-copy a,.g-rubric-page .c-feature-copy .g-label { color:var(--accent-ink,#111) !important; }
.g-story .g-chip--category,.g-article .g-chip--category,.g-feature-slide .g-chip--category { color:var(--accent-ink,#111) !important; }
/* no global touches of lime in generic UI */
.g-header .g-reading-progress { background:#171717 !important; }
.g-article .g-reading-progress { background:var(--accent-deep,var(--accent)) !important; }

/* Third control: monochrome theme switch beside country and search. */
.g-header .g-theme-toggle {
  width:43px;height:43px;min-width:43px;display:inline-flex;justify-content:center;align-items:center;
  padding:0;cursor:pointer;background:var(--g-bg) !important;color:var(--g-fg) !important;
  border:2px solid var(--g-fg) !important;border-radius:0 !important;
}
.g-header .g-theme-toggle .g-icon{width:21px;height:21px;stroke-width:1.9}
.g-theme-sun{display:none}.g-theme-moon{display:inline-flex}
:root[data-grooges-theme="dark"] .g-theme-sun{display:inline-flex}
:root[data-grooges-theme="dark"] .g-theme-moon{display:none}
.g-header .g-theme-toggle:hover,.g-header .g-theme-toggle:focus-visible { background:var(--g-fg) !important;color:var(--g-bg) !important; }
.g-header .g-theme-toggle:focus-visible { outline:3px solid var(--g-secondary);outline-offset:3px; }
@media(max-width:900px) { .g-header .g-theme-toggle {width:40px;height:40px;min-width:40px} }
@media(max-width:440px) {
  .g-header .g-theme-toggle{width:37px;height:37px;min-width:37px}
  .g-header .g-theme-toggle .g-icon{width:18px;height:18px}
  .g-header .g-head-actions{gap:6px}
}
@media(max-width:360px) {
  .g-header .g-logo,.g-header.shadow .g-logo,.g-header.is-scrolled .g-logo{width:clamp(102px,31vw,119px)!important}
  .g-header .g-search-toggle,.g-header .g-theme-toggle{width:35px;height:35px;min-width:35px}
  .g-header .g-edition>summary{min-height:35px;font-size:10px;padding:6px 6px}
  .g-header .g-head-actions{gap:5px}
}
/* Dark colour mode covers WordPress global markup, server-rendered blocks and Gutenberg content. */
:root[data-grooges-theme="dark"] body,
:root[data-grooges-theme="dark"] .wp-site-blocks,
:root[data-grooges-theme="dark"] main,
:root[data-grooges-theme="dark"] .g-page,
:root[data-grooges-theme="dark"] .g-container,
:root[data-grooges-theme="dark"] .g-archive,
:root[data-grooges-theme="dark"] .wp-block-post-content,
:root[data-grooges-theme="dark"] .wp-block-group:not(.has-background) {
  background-color:var(--g-bg) !important; color:var(--g-fg) !important;
}
:root[data-grooges-theme="dark"] .g-header.header,
:root[data-grooges-theme="dark"] .wp-block-template-part:has(.g-header),
:root[data-grooges-theme="dark"] .g-header .g-mobile-rail {
  background:var(--g-bg) !important; color:var(--g-fg) !important; border-color:var(--g-line) !important;
}
:root[data-grooges-theme="dark"] .g-header .g-logo { filter:invert(1); }
:root[data-grooges-theme="dark"] .g-header .g-nav a[data-category],
:root[data-grooges-theme="dark"] .g-header .g-mobile-rail a[data-category] {color:var(--g-fg) !important}
:root[data-grooges-theme="dark"] .g-header .g-edition>summary,
:root[data-grooges-theme="dark"] .g-header .g-search-toggle,
:root[data-grooges-theme="dark"] .g-header .g-theme-toggle {
  background:var(--g-bg) !important; color:var(--g-fg) !important; border-color:var(--g-fg) !important;
}
:root[data-grooges-theme="dark"] .g-header .g-edition>summary:hover,
:root[data-grooges-theme="dark"] .g-header .g-edition[open]>summary,
:root[data-grooges-theme="dark"] .g-header .g-search-toggle:hover,
:root[data-grooges-theme="dark"] .g-header .g-search-toggle[aria-expanded="true"],
:root[data-grooges-theme="dark"] .g-header .g-theme-toggle:hover {
  background:var(--g-fg) !important; color:var(--g-bg) !important;
}
:root[data-grooges-theme="dark"] .g-header .g-edition-panel,
:root[data-grooges-theme="dark"] .g-header .g-header-search {
  background:var(--g-paper) !important;color:var(--g-fg) !important;
  border-color:var(--g-fg) !important;box-shadow:8px 8px 0 #050505 !important;
}
:root[data-grooges-theme="dark"] .g-header .g-edition-option {color:var(--g-fg) !important; border-bottom-color:var(--g-line) !important}
:root[data-grooges-theme="dark"] .g-header .g-edition-title{border-bottom-color:var(--g-line)}
:root[data-grooges-theme="dark"] .g-header .g-edition-option b,
:root[data-grooges-theme="dark"] .g-header .g-edition-option:hover b,
:root[data-grooges-theme="dark"] .g-header .g-edition-option.is-current b {background:var(--g-muted-surface) !important}
:root[data-grooges-theme="dark"] .g-header .g-edition-option small{color:var(--g-secondary) !important}
:root[data-grooges-theme="dark"] .g-header .g-header-search input,
:root[data-grooges-theme="dark"] .g-search-form input,
:root[data-grooges-theme="dark"] .search-form input {
  color:var(--g-fg) !important; background:var(--g-paper) !important;border-color:var(--g-line) !important;
}
:root[data-grooges-theme="dark"] .g-header .g-header-search button,
:root[data-grooges-theme="dark"] .g-search-form button,
:root[data-grooges-theme="dark"] .search-form button {background:var(--g-fg) !important; color:var(--g-bg) !important}
:root[data-grooges-theme="dark"] .g-header .g-header-search button:hover,
:root[data-grooges-theme="dark"] .g-search-form button:hover,
:root[data-grooges-theme="dark"] .search-form button:hover {background:var(--g-secondary) !important; color:#111 !important}
:root[data-grooges-theme="dark"] .g-search-form,
:root[data-grooges-theme="dark"] .search-form {border-color:var(--g-fg) !important}
/* Generic text / controls. Explicit categories below keep their colours. */
:root[data-grooges-theme="dark"] .g-breadcrumb,
:root[data-grooges-theme="dark"] .g-breadcrumb a,
:root[data-grooges-theme="dark"] .g-crumb,
:root[data-grooges-theme="dark"] .g-crumb a,
:root[data-grooges-theme="dark"] .g-card-link,
:root[data-grooges-theme="dark"] .g-story-link,
:root[data-grooges-theme="dark"] .g-team .team-copy a,
:root[data-grooges-theme="dark"] .g-note,
:root[data-grooges-theme="dark"] .g-meta {
  color:var(--g-fg) !important;
}
:root[data-grooges-theme="dark"] .g-muted,
:root[data-grooges-theme="dark"] .g-note,
:root[data-grooges-theme="dark"] .g-story p,
:root[data-grooges-theme="dark"] .g-empty p,
:root[data-grooges-theme="dark"] .g-article-dek,
:root[data-grooges-theme="dark"] .g-archive-head p,
:root[data-grooges-theme="dark"] .g-page-head p,
:root[data-grooges-theme="dark"] .g-placeholder,
:root[data-grooges-theme="dark"] .g-author-box p,
:root[data-grooges-theme="dark"] .g-article-hero figcaption,
:root[data-grooges-theme="dark"] .g-article-content figcaption,
:root[data-grooges-theme="dark"] .team-copy p,
:root[data-grooges-theme="dark"] .g-header .g-edition-option small,
:root[data-grooges-theme="dark"] .g-breadcrumb,
:root[data-grooges-theme="dark"] .g-meta {color:var(--g-secondary) !important}
:root[data-grooges-theme="dark"] .g-section-rule,
:root[data-grooges-theme="dark"] .g-story,
:root[data-grooges-theme="dark"] .g-rubric-links,
:root[data-grooges-theme="dark"] .g-rubric-links a,
:root[data-grooges-theme="dark"] .g-byline,
:root[data-grooges-theme="dark"] .g-author-box,
:root[data-grooges-theme="dark"] .g-article-toc a,
:root[data-grooges-theme="dark"] .g-related,
:root[data-grooges-theme="dark"] .g-article-share,
:root[data-grooges-theme="dark"] .g-pagination .page-numbers,
:root[data-grooges-theme="dark"] .g-specs dt,
:root[data-grooges-theme="dark"] .g-specs dd,
:root[data-grooges-theme="dark"] .i-section,
:root[data-grooges-theme="dark"] .i-smallcard,
:root[data-grooges-theme="dark"] .i-aside,
:root[data-grooges-theme="dark"] .i-aside a,
:root[data-grooges-theme="dark"] .team-card,
:root[data-grooges-theme="dark"] .c-archive-row,
:root[data-grooges-theme="dark"] .c-card,
:root[data-grooges-theme="dark"] .c-archive-list,
:root[data-grooges-theme="dark"] .c-feature,
:root[data-grooges-theme="dark"] .c-banner,
:root[data-grooges-theme="dark"] .s-results,
:root[data-grooges-theme="dark"] .s-result {
  border-color:var(--g-line) !important;
}
:root[data-grooges-theme="dark"] .g-empty,
:root[data-grooges-theme="dark"] .g-placeholder,
:root[data-grooges-theme="dark"] .g-article-content blockquote,
:root[data-grooges-theme="dark"] .wp-block-quote,
:root[data-grooges-theme="dark"] .wp-block-pullquote {background:var(--g-surface) !important;color:var(--g-fg) !important}
:root[data-grooges-theme="dark"] .g-empty,
:root[data-grooges-theme="dark"] .g-copy-link,
:root[data-grooges-theme="dark"] .i-smallcard {border-color:var(--g-line) !important}
:root[data-grooges-theme="dark"] .g-article-content,
:root[data-grooges-theme="dark"] .g-article-content h2,
:root[data-grooges-theme="dark"] .g-article-content h3,
:root[data-grooges-theme="dark"] .wp-block-post-content,
:root[data-grooges-theme="dark"] .wp-block-post-content h1,
:root[data-grooges-theme="dark"] .wp-block-post-content h2,
:root[data-grooges-theme="dark"] .wp-block-post-content h3,
:root[data-grooges-theme="dark"] .g-article-content > p:first-of-type:first-letter {color:var(--g-fg) !important}
:root[data-grooges-theme="dark"] .g-article-content a,
:root[data-grooges-theme="dark"] .wp-block-post-content a {color:var(--g-fg) !important; text-decoration-color:var(--g-line) !important}
:root[data-grooges-theme="dark"] .g-article-content a:hover {text-decoration-color:var(--accent-deep,var(--g-fg)) !important}
:root[data-grooges-theme="dark"] .g-chip:not(.g-chip--category),
:root[data-grooges-theme="dark"] .g-slider-heading .g-chip {background:var(--g-muted-surface) !important;color:var(--g-fg) !important}
:root[data-grooges-theme="dark"] .g-feature-slide .g-chip--category,
:root[data-grooges-theme="dark"] .g-story .g-chip--category,
:root[data-grooges-theme="dark"] .g-article .g-chip--category {background:var(--accent) !important; color:var(--accent-ink,#111) !important}
:root[data-grooges-theme="dark"] .g-copy-link,
:root[data-grooges-theme="dark"] .g-btn {background:var(--g-paper) !important;color:var(--g-fg) !important;border-color:var(--g-fg) !important}
:root[data-grooges-theme="dark"] .g-copy-link:hover,
:root[data-grooges-theme="dark"] .g-btn:hover {background:var(--g-fg) !important;color:var(--g-bg) !important}
:root[data-grooges-theme="dark"] .g-ticker {background:var(--g-bg) !important;color:var(--g-fg) !important;border-color:var(--g-line) !important}
:root[data-grooges-theme="dark"] .g-ticker .g-ticker-spark {color:var(--g-fg) !important}
:root[data-grooges-theme="dark"] .g-rubric-links a:hover {background:var(--g-surface) !important;box-shadow:inset 6px 0 var(--accent-deep,var(--accent));color:var(--g-fg)}
:root[data-grooges-theme="dark"] .g-article .g-copy-link:hover {background:var(--g-fg) !important;color:var(--g-bg) !important}
:root[data-grooges-theme="dark"] .g-rubric-page .c-feature-copy,
:root[data-grooges-theme="dark"] .g-rubric-page .c-feature-copy * {color:var(--accent-ink,#111) !important}
:root[data-grooges-theme="dark"] .c-intro-side span {color:var(--accent-ink,#111) !important}
:root[data-grooges-theme="dark"] .c-archive-row:hover {background:linear-gradient(90deg,var(--accent-deep,var(--accent)) 0 7px,transparent 7px) !important}
:root[data-grooges-theme="dark"] .g-header .g-reading-progress {background:var(--g-fg) !important}
:root[data-grooges-theme="dark"] .g-footer.footer {background:var(--g-footer) !important}
:root[data-grooges-theme="dark"] .g-footer.footer .g-container {background:transparent !important}
:root[data-grooges-theme="dark"] .g-footer, :root[data-grooges-theme="dark"] .g-footer * {color:inherit}
:root[data-grooges-theme="dark"] .g-footer .g-footer-title h2,
:root[data-grooges-theme="dark"] .g-footer .g-footer-miniheading {color:#fff !important}
/* Gutenburg non-custom editor blocks: respect authored block colours while adapting defaults. */
:root[data-grooges-theme="dark"] .wp-block-separator {border-color:var(--g-line)}
:root[data-grooges-theme="dark"] input,
:root[data-grooges-theme="dark"] textarea,
:root[data-grooges-theme="dark"] select:not(.has-background) {color:var(--g-fg);background:var(--g-paper)}
:root[data-grooges-theme="dark"] :focus-visible {outline-color:#F5F5F6}
@media(prefers-reduced-motion:reduce){.g-theme-toggle{transition:none!important}}
