/* WorkWave Constellation. Design tokens, NOT a finished site stylesheet.
 * Approved desktop: 1440px. Responsive variables are implementation guidance.
 * Paths are relative to this file in implementation/. */
@font-face {
  font-family: 'Verano Sans'; font-style: normal; font-weight: 800;
  font-display: swap;
  src: url('../assets/fonts/VeranoSansExtraBold.woff2') format('woff2'),
       url('../assets/fonts/VeranoSansExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Golos Text'; font-style: normal; font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/GolosText-Regular.woff2') format('woff2'),
       url('../assets/fonts/GolosText-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Golos Text'; font-style: normal; font-weight: 700;
  font-display: swap;
  src: url('../assets/fonts/GolosText-Bold.woff2') format('woff2'),
       url('../assets/fonts/GolosText-Bold.ttf') format('truetype');
}
:root {
  --ww-lime: #BFFF48;
  --ww-ink: #101511;
  --ww-graphite: #202224;
  --ww-white: #FFFFFF;
  --ww-surface-quiet: #F3F4F3;
  --ww-surface-control: #E9ECE9;
  --ww-surface-portrait: #F1F2F3;
  --ww-text: #3E4541;
  --ww-text-interview: #30353A;
  --ww-text-muted: #6F7671;
  --ww-text-caption: #60656A;
  --ww-text-on-dark: #E1E4E2;
  --ww-text-hero: #D6D9DA;
  --ww-text-hero-micro: #CACED0;
  --ww-text-footer: #C7CDCA;
  --ww-text-inactive-number: #B7BEC1;
  --ww-line: #D5D9D6;
  --ww-line-interview: #D7DADE;
  --ww-line-dark: #555A5E;
  --ww-line-header: #5A5F62;
  --ww-line-hero: #919798;
  --ww-line-constellation: #787C80;
  --ww-line-constellation-dark: #5C6064;
  /* Only hover; the default approved CTA is always --ww-lime. */
  --ww-action-hover: #D5FF7B;
  --ww-font-display: 'Verano Sans', sans-serif;
  --ww-font-body: 'Golos Text', sans-serif;
  --ww-font-weight-display: 800;
  --ww-font-weight-body: 400;
  --ww-font-weight-bold: 700;
  --ww-letter-spacing: 0;
  --ww-content-max: 1280px;
  --ww-gutter: 80px;
  --ww-section-gap: 150px;
  --ww-fill-extension: 64px;
  --ww-body-size: 22px;
  --ww-body-leading: 31px;
  --ww-heading-size: 64px;
  --ww-heading-leading: .98;
  --ww-radius-action: 14px;
  --ww-radius-tab: 12px;
  --ww-radius-screenshot: 16px;
  --ww-radius-pricing: 20px;
  --ww-radius-diagram: 22px;
  --ww-radius-product-selected: 29px;
  --ww-border-width: 1px;
  --ww-focus-width: 3px;
  --ww-focus-offset: 3px;
  --ww-target-min: 44px;
  --ww-motion-fast: 140ms;
  --ww-motion-easing: ease-out;
}
/* Do not apply these values globally to PDF-specific headings; section overrides
 * are listed in spec/layout.json. No 100vh sections, text clipping, or page scale. */
@media (max-width: 1199px) {
  :root { --ww-gutter: 40px; --ww-section-gap: 112px; --ww-fill-extension: 48px;
    --ww-body-size: 20px; --ww-body-leading: 29px; --ww-heading-size: 48px; --ww-heading-leading: 1.0416667; }
}
@media (max-width: 899px) {
  :root { --ww-gutter: 32px; --ww-section-gap: 88px;
    --ww-body-size: 19px; --ww-body-leading: 28px; --ww-heading-size: 42px; --ww-heading-leading: 1.047619; }
}
@media (max-width: 599px) {
  :root { --ww-gutter: 20px; --ww-section-gap: 72px; --ww-fill-extension: 32px;
    --ww-body-size: 17px; --ww-body-leading: 25px; --ww-heading-size: 34px; --ww-heading-leading: 1.0588235; }
}
@media (max-width: 359px) {
  :root { --ww-gutter: 16px; --ww-section-gap: 64px;
    --ww-body-size: 16px; --ww-body-leading: 24px; --ww-heading-size: 30px; --ww-heading-leading: 1.0666667; }
}
@media (prefers-reduced-motion: reduce) {
  :root { --ww-motion-fast: 0ms; }
}