/*
Theme Name: Euro Prompt
Theme URI: https://www.penztargepuzlet.hu
Author: Webtag Online Kft.
Description: Egyedi WooCommerce sablon a Pénztárgép Üzlet részére. Figma-alapú, page builder nélkül, PageSpeed-optimalizált.
Version: 1.0.0
Requires PHP: 8.0
Requires at least: 6.4
Tested up to: 6.7
WC requires at least: 8.0
WC tested up to: 9.5
Text Domain: euro-prompt
License: GPL-2.0-or-later
*/

/*
  Ez a fájl CSAK a téma fejlécét és a design tokeneket tartalmazza.
  A tényleges stílusok: assets/css/main.css
  A tokenek innen jönnek: Figma – fLUJISCfxENbBSHxtEVaK7
*/

:root{
  /* --- Szín (Figma változók) --- */
  --c-primary:      #DD0017;   /* primary 1  */
  --c-primary-dark: #BA0013;   /* primary 2 – hover */
  --c-ink:          #282828;   /* secondary 1 / background 2 */
  --c-accent:       #F5F5F5;   /* accent 1 */
  --c-stroke:       #D6D6D6;   /* stroke */
  --c-surface:      #FFFFFF;

  /* Kiegészítés: a #DD0017 a #282828 háttéren 2,87:1 → megbukik AA-n.
     Sötét szekciókban ezt kell használni helyette (4,8:1). */
  --c-primary-on-dark: #FF6B78;

  /* Szürke skála – a designban használt értékekből */
  --c-text:      #1A1A1A;
  --c-text-soft: #4D4D4D;
  --c-muted:     #737373;
  --c-faint:     #6B6B6B;
  --c-line:      #D9D9D9;

  --c-in-stock:  #17A34A;
  --c-eta:       #E8871A;

  /* --- Tipográfia ---
     Arimo: metrikailag Arial-kompatibilis, ezért a fallback nem okoz CLS-t. */
  --font: Arimo, Arial, "Helvetica Neue", Helvetica, sans-serif;

  /* A Figma csak a `p` stílushoz adott sorközt (16/24). A többi „auto" volt,
     ezért itt definiáljuk a skálát. */
  --fs-h1: clamp(2.5rem, 1.2rem + 3.2vw, 4.5rem);   --lh-h1: 1.06;
  --fs-h2: clamp(2rem, 1rem + 2.6vw, 3.5625rem);    --lh-h2: 1.08;
  --fs-h3: clamp(1.75rem, 1rem + 2vw, 2.875rem);    --lh-h3: 1.12;
  --fs-h4: clamp(1.5rem, 1rem + 1.4vw, 2.3125rem);  --lh-h4: 1.16;
  --fs-sub1: 1.25rem;   --lh-sub1: 1.3;
  --fs-sub2: 1.125rem;  --lh-sub2: 1.35;
  --fs-body: 1rem;      --lh-body: 1.5;
  --fs-sm: .875rem;     --lh-sm: 1.45;
  --fs-xs: .75rem;      --lh-xs: 1.4;
  --ls-overline: .55em;

  /* --- Térköz és forma --- */
  --wrap: 1600px;        /* kategória + termékoldal belső szélesség */
  --wrap-narrow: 1366px; /* főoldali szekciók */
  --pad: clamp(16px, 4vw, 120px);

  --r-card: 8px;
  --r-field: 6px;
  --r-btn: 4px;

  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;
  --sp-12: 60px; --sp-16: 100px;

  --shadow-card: 0 1px 2px rgb(0 0 0 / .04), 0 4px 12px rgb(0 0 0 / .05);
}