/* TORROVA TYPE SETTINGS — edit this file to restyle both pages.
   rem sizes respect browser text settings (1rem = 16px by default).
   For a web font, add @font-face above :root, then change the families.
   Keep typography.css and site-header.css after component styles. */
:root {
  --font-body: Arial, Helvetica, sans-serif;
  --font-heading: var(--font-body);
  --font-ui: var(--font-body);
  --sans: var(--font-body);
  --serif: var(--font-heading);
  --weight-body: 400;
  --weight-heading: 600;
  --weight-hero: 500;
  --weight-action: 400;
  --weight-label: 700;
  --type-hero: clamp(1.8rem, 4.72vw, 3.6rem);
  --type-section: 2.25rem; /* 36px */
  --type-title: 2rem; /* 32px project titles */
  --type-subheading: 1.375rem; /* 22px agents / pipeline steps */
  --type-body: 1rem; /* 16px main prose */
  --type-detail: .9375rem; /* 15px compact prose */
  --type-support: .9375rem; /* 15px metadata / actions */
  --type-caption: .875rem; /* 14px notes */
  --type-nav: .875rem;
  --type-name: 1.5rem;
  --type-email: 1.875rem;
  --type-dialog-title: 1.125rem;
  --type-control: 1.375rem;
  --leading-hero: 1.06;
  --leading-heading: 1.2;
  --leading-body: 1.45;
  --leading-compact: 1.4;
  --tracking-hero: -.045em;
  --tracking-heading: -.03em;
  --tracking-label: .07em;
  --space-paragraph: 1rem;
  --space-heading-copy: 1rem;
  --space-detail-label: .375rem;
  --space-detail-block: 1rem;
  --brand-width: 5.25rem;
}
@media (max-width: 760px) {
  :root {
    --type-hero: clamp(1.8rem, 6.96vw, 2.4rem);
    --type-section: 1.875rem; /* 30px */
    --type-title: 1.625rem; /* 26px */
    --type-subheading: 1.25rem; /* 20px */
    --type-body: 1rem; /* 16px */
    --type-name: 1.25rem;
    --type-email: 1.25rem;
    --type-dialog-title: 1rem;
  }
}
@media (max-width: 640px) {
  :root { --type-nav: .8125rem; --brand-width: 4.5rem; }
}