/* =====================================================================
   Puhitaki — Design Tokens
   Egyetlen forrás minden színhez, betűhöz, térközhöz, árnyékhoz.
   Light theme, meleg-játékos prémium hangulat.
   ===================================================================== */

:root {
  /* --- Brand színek --- */
  --c-ink:        #1d1b2e;   /* fő szövegszín, mélylila-fekete */
  --c-ink-soft:   #4b4863;   /* másodlagos szöveg */
  --c-muted:      #8a86a3;   /* halvány szöveg, meta */

  --c-bg:         #fbf9f4;   /* lágy törtfehér háttér (világos téma) */
  --c-surface:    #ffffff;   /* kártyák, panelek */
  --c-surface-2:  #f4f1ea;   /* másodlagos felület */
  --c-line:       #ece8df;   /* finom elválasztó vonal */

  /* Playful accent paletta */
  --c-primary:    #ff5d73;   /* coral pink — fő CTA */
  --c-primary-d:  #f43a55;   /* sötétebb hover */
  --c-secondary:  #6c5ce7;   /* lila — kiegészítő */
  --c-accent:     #ffd166;   /* napsárga — kiemelés */
  --c-mint:       #2ec4b6;   /* menta — siker/akció */
  --c-sky:        #4cc9f0;   /* égkék — info */

  --c-success:    #2ec4b6;
  --c-danger:     #ef476f;
  --c-sale:       #ff5d73;

  /* Halvány színes hátterek (chip / badge) */
  --c-primary-wash:   #ffe7eb;
  --c-secondary-wash: #ece9ff;
  --c-accent-wash:    #fff4d6;
  --c-mint-wash:      #d8f5f1;

  /* --- Tipográfia --- */
  --font-display: "Fraunces", "Georgia", serif;            /* címek, karakteres */
  --font-body:    "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-300: clamp(0.78rem, 0.76rem + 0.1vw, 0.85rem);
  --fs-400: clamp(0.95rem, 0.92rem + 0.15vw, 1.02rem);
  --fs-500: clamp(1.1rem, 1.04rem + 0.3vw, 1.25rem);
  --fs-600: clamp(1.35rem, 1.2rem + 0.7vw, 1.7rem);
  --fs-700: clamp(1.8rem, 1.5rem + 1.4vw, 2.6rem);
  --fs-800: clamp(2.4rem, 1.9rem + 2.6vw, 4rem);
  --fs-900: clamp(3rem, 2.2rem + 4vw, 5.5rem);

  --lh-tight: 1.08;
  --lh-snug:  1.28;
  --lh-base:  1.62;

  /* --- Térköz skála (8pt alap) --- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --sp-10: 8rem;

  /* --- Sugár --- */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 34px;
  --r-pill: 999px;

  /* --- Árnyékok (lágy, prémium) --- */
  --sh-xs: 0 1px 2px rgba(29,27,46,0.06);
  --sh-sm: 0 4px 14px rgba(29,27,46,0.07);
  --sh-md: 0 12px 30px rgba(29,27,46,0.10);
  --sh-lg: 0 28px 60px rgba(29,27,46,0.16);
  --sh-primary: 0 14px 30px rgba(255,93,115,0.35);

  /* --- Layout --- */
  --container: 1240px;
  --container-narrow: 820px;
  --header-h: 76px;

  /* --- Mozgás --- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --t-fast: 0.18s;
  --t: 0.3s;
  --t-slow: 0.55s;
}