/* WWK Theme: Modern (Minimal) */
.wwk {
  --wwk-bg: #ffffff;
  --wwk-text: #0b0c10;
  --wwk-muted: rgba(11,12,16,0.64);
  --wwk-border: rgba(11,12,16,0.12);
  --wwk-surface: rgba(255,255,255,0.86);
  --wwk-accent: #111827;
  --wwk-accent-2: #111827;
  --wwk-accent-gradient: linear-gradient(135deg, #111827, #374151);
  --wwk-radius: 20px;
  --wwk-shadow: 0 22px 60px rgba(0,0,0,0.12);
  --wwk-font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans";
  --wwk-font-heading: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans";

  --wwk-nav-bg: rgba(255,255,255,0.82);
  --wwk-hover: rgba(17,24,39,0.07);
  --wwk-panel: rgba(17,24,39,0.04);
  --wwk-input-bg: rgba(255,255,255,0.94);
  --wwk-footer-bg: rgba(17,24,39,0.03);
  --wwk-chip-bg: rgba(255,255,255,0.55);
  --wwk-ring: rgba(17,24,39,0.18);
  --wwk-glass-bg: rgba(255,255,255,0.14);
  --wwk-glass-border: rgba(255,255,255,0.24);
  --wwk-scrollbar-thumb: rgba(17,24,39,0.20);
  --wwk-carousel-media-bg: rgba(17,24,39,0.07);
  --wwk-glass-dark-bg: rgba(17,24,39,0.14);
}

.wwk-nav { background: rgba(255,255,255,0.78); }

.wwk-hero:not([style*="--wwk-hero-image"]) {
  background:
    linear-gradient(90deg, rgba(17,24,39,0.05) 1px, transparent 1px),
    linear-gradient(180deg, rgba(17,24,39,0.05) 1px, transparent 1px),
    radial-gradient(900px 500px at 20% -10%, rgba(17,24,39,0.12), transparent 55%),
    linear-gradient(180deg, rgba(0,0,0,0.03), transparent 50%);
  background-size: 34px 34px, 34px 34px, auto, auto;
}

.wwk-card { background: var(--wwk-surface); box-shadow: var(--wwk-shadow); }
.wwk-btn { background: rgba(255,255,255,0.55); }
.wwk-btn--primary { box-shadow: 0 18px 45px rgba(17,24,39,0.22); }
.wwk-carousel__btn { background: rgba(255,255,255,0.92); }

.wwk-hero[style*="--wwk-hero-image"] .wwk-hero__content {
  background: rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.18);
}
.wwk-nav__links a:hover { background: rgba(17,24,39,0.06); }