/* =============================================================================
   refinements.css  —  Subtle polish for the existing template.
   -----------------------------------------------------------------------------
   NO color / background / layout overhaul. This only refines depth (shadows),
   hairline borders, typography rhythm, and button micro-interactions so the
   current light template feels more modern and consistent.
   Loaded after style.css; revert by removing its <link> in header.php.
   ========================================================================== */

:root{
  /* Cleaner, modern layered depth (same cool/neutral tint as the current theme,
     just softer and more refined than the old single-blur shadows). */
  --shadow-sm:0 1px 2px rgba(20,28,44,.06);
  --shadow-md:0 1px 3px rgba(20,28,44,.05), 0 10px 26px -8px rgba(20,28,44,.12);
  --shadow-lg:0 26px 52px -18px rgba(20,28,44,.22);

  /* Slightly crisper, lighter hairline borders */
  --border:#dfe1e6;
  --border-2:#d2d5dc;
}

/* ---- Typography rhythm: a touch tighter and more consistent ---- */
.page-title, h1{ line-height:1.12; letter-spacing:.005em; }
h2{ line-height:1.22; }
p{ line-height:1.6; }

/* ---- Cards / sections: use the refined hairline border consistently ---- */
.white-box, section, .info-block, .news-card, .news-archive-item, .class-overview{
  border-color:var(--border);
}

/* ---- Buttons: smoother, consistent motion across the whole button family ---- */
.btn, .btn-account, .btn-login, .btn-logout, .btn-register, .filter-btn,
.hero-download-btn, .news-btn, .ranking-tab, .share-btn, .main-register-btn,
.muor .realm-card .cta, .pagination-list a{
  transition:transform .15s cubic-bezier(.2,.8,.2,1),
             box-shadow .2s cubic-bezier(.2,.8,.2,1),
             background .15s ease, border-color .15s ease, color .15s ease;
}