/*
Theme Name: MobileHeaven (Blocksy Child)
Theme URI: https://mobileheaven.hu
Description: Prémium, Apple-jellegű egyedi megjelenés a Blocksy szülőtémára építve, WooCommerce-hez.
Author: MobileHeaven
Template: blocksy
Version: 1.0.0
Text Domain: mobileheaven-child
*/

/* ==========================================================================
   DESIGN TOKENS
   Ezeket a változókat használja minden további CSS fájl (css/ mappa).
   Itt egy helyen állítható a teljes design rendszer.
   ========================================================================== */
:root{
  --mh-bg:#ffffff;
  --mh-bg-soft:#f6f7f8;
  --mh-bg-softer:#fafafb;
  --mh-text:#111214;
  --mh-muted:#6b7280;
  --mh-line:#e6e7ea;
  --mh-accent:#111214;      /* elsődleges "fekete" akcentus, Apple-stílus */
  --mh-accent-soft:#f0f1f3;
  --mh-success:#0a8a4a;
  --mh-danger:#c0392b;
  --mh-radius-sm:10px;
  --mh-radius:16px;
  --mh-radius-lg:24px;
  --mh-shadow:0 8px 30px rgba(17,18,20,.06);
  --mh-shadow-hover:0 16px 44px rgba(17,18,20,.1);
  --mh-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --mh-transition: .25s cubic-bezier(.4,0,.2,1);
}

/* Alap tipográfia és háttér finomítás, csak akkor, ha nem ütközik a Blocksy
   Customizer beállításaival — ezek szándékosan visszafogottak. */
body{
  background:var(--mh-bg-softer);
  color:var(--mh-text);
}

* {
  transition: background-color var(--mh-transition), border-color var(--mh-transition), transform var(--mh-transition), box-shadow var(--mh-transition);
}

/* Lekerekített, letisztult alap-elemek globálisan */
img, .woocommerce ul.products li.product, button, input, select, textarea, .button, .wp-block-button__link{
  border-radius:var(--mh-radius-sm);
}

::selection{
  background:var(--mh-text);
  color:#fff;
}