/* FROOBOOK — Design Tokens (Landing). Source: Figma Froobook-NEW → Landing Constructor 13804:3121 */
/* v9: @import Google Fonts убран — Mulish подключен локально в styles.css (assets/fonts) */
:root {
  color-scheme: light;
  --c-dark:#151515; --c-light:#F5F5F5; --c-white:#FFFFFF; --c-bg:#F0F0F0;
  --c-accent:#C9F76E; --c-accent-hover:#BEF15A; --c-error:#F15555; --c-success:#22C55E;
  --c-yellow:#FFE95A; --c-purple:#D296FE; --c-mint:#A6F3E6; --c-pink:#FAA7BF;
  --c-placeholder:#A2A2A2; --c-seo:#9C9C9C;
  --green-1:#EDFDCF; --dark-3:#343434; --dark-4:#242424; --light-4:#F7F7F7; --light-6:#E1E1E1; --light-7:#CCCCCC; --light-10:#8F8F8F;
  --radius:0; --radius-round:50%;
  --border:1px solid var(--c-dark); --border-strong:2px solid var(--c-dark);
  --divider:1px solid rgba(21,21,21,.32); --divider-on-dark:1px solid rgba(245,245,245,.32);
  --font:"Mulish", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --space-micro-1:4px; --space-micro-2:8px; --space-micro-3:12px; --space-micro-4:16px;
  --space-content-1:24px; --space-content-2:48px; --space-content-3:66px;
  --row-min:80px; --row-max:160px; --row-pad-min:28px; --row-pad-max:42px;
  --container-pad:16px; --section-gap:86px;
  --fs-display:44px; --lh-display:54px; --fs-h2:32px; --lh-h2:42px; --fs-h3:30px; --lh-h3:40px;
  --fs-h4:24px; --lh-h4:34px; --fs-h5:20px; --lh-h5:26px;
  --fs-label-accent:16px; --lh-label-accent:24px; --fs-label-title:18px; --lh-label-title:24px;
  --fs-button:16px; --lh-button:22px; --fs-link:14px; --lh-link:18px;
  --fs-input-display:16px; --lh-input-display:22px; --fs-input-ui:10px; --lh-input-ui:14px;
  --fs-supporting:12px; --lh-supporting:16px; --fs-body:14px; --lh-body:20px;
  --fs-caps:10px; --lh-caps:18px; --fs-seo:12px; --lh-seo:18px;
  --header-h:64px; --field-h:64px; --field-h-cta:64px; --fb-form-w:100%; --fb-btn-w:100%; --marquee-h:56px; --badge:56px; --faq-badge:56px;
}
@media (min-width:768px){:root{
  --container-pad:32px; --section-gap:120px;
  --fs-display:60px; --lh-display:72px; --fs-h2:54px; --lh-h2:64px; --fs-h3:44px; --lh-h3:56px;
  --fs-h4:34px; --lh-h4:44px; --fs-h5:22px; --lh-h5:28px;
  --fs-label-accent:32px; --lh-label-accent:40px; --fs-label-title:26px; --lh-label-title:36px;
  --fs-button:20px; --lh-button:26px; --fs-input-ui:12px; --lh-input-ui:16px;
  --fs-supporting:18px; --lh-supporting:26px; --fs-body:14px; --lh-body:24px; --fs-caps:12px;
  --field-h:72px; --field-h-cta:78px; --marquee-h:80px; --faq-badge:72px;
}}
@media (min-width:1024px){:root{ --container-pad:64px; --section-gap:160px; --header-h:80px; }}
@media (min-width:1280px){:root{
  --fb-form-w:460px; --fb-btn-w:40%;
  --container-pad:80px; --section-gap:200px;
  --fs-display:92px; --lh-display:104px; --fs-h5:26px; --lh-h5:32px;
  --fs-body:16px; --lh-body:24px; --fs-seo:14px; --lh-seo:22px; --faq-badge:96px;
}}
@media (min-width:1920px){:root{
  --fb-form-w:537px;
  --container-pad:120px; --section-gap:240px;
  --fs-display:130px; --lh-display:140px; --fs-h2:96px; --lh-h2:120px; --fs-h3:56px; --lh-h3:68px;
  --fs-label-accent:34px; --lh-label-accent:46px; --fs-link:16px;
  --fs-input-ui:14px; --lh-input-ui:18px; --fs-caps:14px; --lh-caps:18px;
}}