/* =========================================================
   IPHONEK 2.0 — FOUNDATION TOKENS
   v003 — BRAND LOCK
========================================================= */

:root{

  /* =========================================================
     BRAND COLORS — podle loga Iphonek.cz
  ========================================================= */

  --ipk-brand-dark:#1D232F;
  --ipk-brand-cyan:#6DCCDF;
  --ipk-brand-cyan-hover:#58BDD2;
  --ipk-brand-cyan-active:#2D9EB5;
  --ipk-brand-cyan-soft:rgba(109,204,223,.16);

  --ipk-primary:var(--ipk-brand-cyan);
  --ipk-primary-hover:var(--ipk-brand-cyan-hover);
  --ipk-primary-active:var(--ipk-brand-cyan-active);
  --ipk-primary-soft:var(--ipk-brand-cyan-soft);

  --ipk-navy:var(--ipk-brand-dark);
  --ipk-navy-soft:#1E2942;
  --ipk-navy-deep:#111827;

  --ipk-bg:#F3F6FB;
  --ipk-bg-soft:#F8FAFC;

  --ipk-page-gradient:
    linear-gradient(
      180deg,
      #F7FBFF 0%,
      #F3F6FB 42%,
      #EEF2F7 100%
    );

  --ipk-surface:#FFFFFF;
  --ipk-surface-soft:#F7FAFD;
  --ipk-surface-featured:#F4FBFE;

  --ipk-text:var(--ipk-brand-dark);
  --ipk-heading:var(--ipk-brand-dark);
  --ipk-text-soft:#5F6B7A;
  --ipk-text-muted:#8B95A7;
  --ipk-text-inverse:#FFFFFF;

  --ipk-line:#E6EBF2;
  --ipk-line-soft:rgba(29,35,47,.08);
  --ipk-line-strong:#D7DEE8;

  --ipk-border-soft:1px solid rgba(255,255,255,.7);
  --ipk-border:1px solid var(--ipk-line);

  --ipk-font:"Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  --ipk-text-xs:12px;
  --ipk-text-sm:14px;
  --ipk-text-md:16px;
  --ipk-text-lg:clamp(17px,1.2vw,20px);
  --ipk-text-xl:20px;

  --ipk-h1:clamp(44px,5vw,72px);
  --ipk-h2:clamp(34px,4vw,54px);
  --ipk-h3:clamp(22px,2.2vw,32px);

  --ipk-lh-tight:1.02;
  --ipk-lh-title:1.06;
  --ipk-lh-body:1.65;

  --ipk-space-1:4px;
  --ipk-space-2:8px;
  --ipk-space-3:12px;
  --ipk-space-4:16px;
  --ipk-space-5:24px;
  --ipk-space-6:32px;
  --ipk-space-7:42px;
  --ipk-space-8:64px;
  --ipk-space-9:96px;
  --ipk-space-10:128px;

  --ipk-radius-sm:12px;
  --ipk-radius-md:16px;
  --ipk-radius-lg:24px;
  --ipk-radius-xl:28px;
  --ipk-radius-2xl:36px;
  --ipk-radius-pill:999px;

  --ipk-shadow-soft:0 10px 30px rgba(29,35,47,.05);
  --ipk-shadow-card:0 20px 44px rgba(29,35,47,.06);
  --ipk-shadow-float:0 32px 80px rgba(29,35,47,.08);
  --ipk-shadow-hover:0 26px 60px rgba(29,35,47,.12);
  --ipk-shadow-dark:0 18px 44px rgba(29,35,47,.22);

  --ipk-max:1380px;
  --ipk-pad:24px;

  --ipk-section-sm:48px;
  --ipk-section-md:72px;
  --ipk-section-lg:clamp(80px,8vw,140px);
  --ipk-section-xl:128px;

  --ipk-ease:cubic-bezier(.2,.8,.2,1);
  --ipk-duration-fast:.16s;
  --ipk-duration:.28s;
  --ipk-duration-slow:.38s;

  --ipk-hover-lift:-2px;
  --ipk-focus:0 0 0 4px rgba(109,204,223,.24);

}

@media (max-width:980px){
  :root{
    --ipk-pad:20px;
    --ipk-section-xl:96px;
  }
}

@media (max-width:640px){
  :root{
    --ipk-pad:18px;
    --ipk-h1:clamp(34px,10vw,48px);
    --ipk-h2:clamp(26px,7vw,36px);
    --ipk-section-md:56px;
    --ipk-section-xl:80px;
  }
}