@font-face{font-family:"Work Sans";src:url("../assets/figma/fonts/work-sans-400.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Work Sans";src:url("../assets/figma/fonts/work-sans-500.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Work Sans";src:url("../assets/figma/fonts/work-sans-600.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Work Sans";src:url("../assets/figma/fonts/work-sans-700.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}

:root{
  --color-background:#fff;
  --color-surface:#fff;
  --color-surface-muted:#f9f9f9;
  --color-text-primary:#161616;
  --color-text-secondary:rgba(22,22,22,.7);
  --color-text-muted:rgba(22,22,22,.5);
  --color-border:rgba(22,22,22,.2);
  --color-border-soft:rgba(22,22,22,.1);
  --color-accent:#161616;
  --color-accent-hover:#2b2b2b;
  --color-accent-active:#000;
  --color-dark:#161616;
  --color-inverse:#fff;
  --color-disabled:#a8a8a8;

  --font-family:"Work Sans",Arial,sans-serif;
  --font-display:600 64px/1.17 var(--font-family);
  --font-h1:600 64px/1.17 var(--font-family);
  --font-h2:600 48px/1.17 var(--font-family);
  --font-h3:500 21px/1.19 var(--font-family);
  --font-h4:500 16px/1.25 var(--font-family);
  --font-body-lg:400 16px/1.25 var(--font-family);
  --font-body:400 15px/1.2 var(--font-family);
  --font-body-sm:400 14px/18px var(--font-family);
  --font-caption:400 12px/14px var(--font-family);
  --font-button:500 16px/19px var(--font-family);
  --font-nav:400 14px/16px var(--font-family);
  --font-label:400 14px/16px var(--font-family);

  --space-1:5px;
  --space-2:8px;
  --space-3:10px;
  --space-4:15px;
  --space-5:20px;
  --space-6:25px;
  --space-7:27px;
  --space-8:30px;
  --space-9:35px;
  --space-10:40px;
  --space-11:50px;
  --space-section:80px;
  --space-section-mobile:56px;
  --space-block-mobile:24px;
  --space-card-mobile:10px;

  --container-max:1500px;
  --page-gutter:clamp(30px,10.9375vw,210px);
  --header-height:80px;
  --grid-gap:15px;
  --radius:8px;
  --border:1px solid var(--color-border);
  --transition-fast:160ms ease;
  --transition-medium:260ms ease;
}