/* Production subset extracted from .Devos/design-system/tokens/source/*.json.
 * Keep this file small: add only tokens consumed by production CSS. */
:root {
  --color-paper: #fefefe;
  --color-paper-warm: #fafaf7;
  --color-ink: #101010;
  --color-teal: #11797c;
  --color-aqua: #6fc9c9;
  --color-yellow: #fbc733;
  --color-coral: #f25147;
  --color-navy: #343c61;
  --color-mist: #f0f4f3;
  --color-muted: #525252;
  --color-line: #d8d8d8;

  --surface: var(--color-paper);
  --text: var(--color-ink);
  --focus: var(--color-ink);
  --border: 1px solid var(--color-line);

  --font-display: 'TAN - HEADLINE', Georgia, serif;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --weight-body: 400;
  --weight-display: 400;
  --weight-heading: 700;
  --heading-synthesis: weight;
  --display-xl: clamp(2rem, 3.5vw, 3.6rem);
  --display-lg: clamp(1.75rem, 2.8vw, 2.8rem);
  --display-md: clamp(1.35rem, 1.65vw, 1.85rem);
  --leading-body: 1.65;
  --leading-display: 1.25;

  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --gutter: clamp(1.25rem, 4.5vw, 4rem);
  --section: clamp(3.5rem, 7vw, 6.5rem);
  --container: 84rem;
  --reading: 62ch;

  --action-height: 48px;
  --action-padding-y: .85rem;
  --action-padding-x: 1.5rem;
  --action-gap: .6em;
  --action-label-size: .875rem;
  --action-label-weight: 700;
  --action-label-leading: 1.2;
  --action-letter-spacing: .08em;
  --action-chamfer: 14px;
  --action-lift: -2px;
  --action-disabled-bg: #e6eae8;
  --action-disabled-text: #626a68;
  --action-disabled-border: #c7ceca;
  --duration-hover: 240ms;
  --duration-sweep: 380ms;
  --duration-reveal: 620ms;
  --easing-emphasis: cubic-bezier(.16, 1, .3, 1);
  /* Scroll-reveal values accepted with the UX-001 refinement: a small travel distance and a
     stagger step between the items of one section. Transform and opacity only. */
  --reveal-distance: 12px;
  --reveal-stagger: 90ms;

  --breakpoint-medium-min: 38rem;
  --breakpoint-expanded-min: 64rem;
  --image-ratio-poster-alternate: 2 / 3;
}