/* Generated by scripts/vendor.mjs from packages/ad-tape/src/ad-tokens.json. Do not edit by hand:
   change the shared tokens in the package, and every tool follows. */
:root {
  /* Colours */
  --ad-yellow: #ffed1f;
  --ad-light: #f0f0f0;
  --ad-dark: #101010;
  --ad-grey-on-dark: #c2c2c2;
  --ad-grey-on-light: #4b4a4a;
  --ad-meta-on-dark: #7f7c7c;
  --ad-meta-on-light: #666363;
  /* Type styles: size, line height, tracking, and weight on Barlow GX's own scale */
  --ad-cover-headline-size: 90px;
  --ad-cover-headline-line-height: 0.94;
  --ad-cover-headline-letter-spacing: -0.02em;
  --ad-cover-headline-weight: 141;
  --ad-cover-carousel-size: 196px;
  --ad-cover-carousel-line-height: 0.85;
  --ad-cover-carousel-letter-spacing: -0.03em;
  --ad-cover-carousel-weight: 141;
  --ad-eyebrow-size: 44px;
  --ad-eyebrow-line-height: 1;
  --ad-eyebrow-weight: 166;
  --ad-date-strip-size: 44px;
  --ad-date-strip-line-height: 1;
  --ad-date-strip-weight: 166;
  --ad-supporting-line-size: 46px;
  --ad-supporting-line-line-height: 1.02;
  --ad-supporting-line-weight: 96;
  --ad-story-title-size: 52px;
  --ad-story-title-line-height: 1.07;
  --ad-story-title-weight: 168;
  --ad-story-title-carousel-size: 64px;
  --ad-story-title-carousel-line-height: 1.02;
  --ad-story-title-carousel-weight: 168;
  --ad-body-size: 38px;
  --ad-body-line-height: 1.3;
  --ad-body-weight: 71;
  --ad-body-large-size: 42px;
  --ad-body-large-line-height: 1.2;
  --ad-body-large-weight: 71;
  --ad-label-size: 44px;
  --ad-label-line-height: 1;
  --ad-label-weight: 166;
  --ad-guide-title-size: 47px;
  --ad-guide-title-line-height: 1.1;
  --ad-guide-title-weight: 168;
  --ad-guide-meta-size: 42px;
  --ad-guide-meta-line-height: 1;
  --ad-guide-meta-letter-spacing: 0em;
  --ad-guide-meta-weight: 108;
  --ad-guide-wordmark-size: 52px;
  --ad-guide-wordmark-line-height: 0.83;
  --ad-guide-wordmark-letter-spacing: -0.03em;
  --ad-guide-wordmark-weight: 168;
  --ad-guide-time-size: 38px;
  --ad-guide-time-line-height: 1;
  --ad-guide-time-weight: 166;
  --ad-footer-size: 42px;
  --ad-footer-line-height: 47px;
  --ad-footer-weight: 108;
  /* Space */
  --ad-safe-cover: 80px;
  --ad-margin-inside: 56px;
  --ad-picture-height: 540px;
  --ad-picture-height-carousel: 500px;
  --ad-grid-crop-post: 34px;
  --ad-grid-crop-video: 240px;
  --ad-guide-padding-sides: 80px;
  --ad-guide-padding-bottom: 60px;
  --ad-guide-event-gap: 36px;
  --ad-guide-footer-guard: 84px;
  /* Sizes */
  --ad-page-width: 1080px;
  --ad-page-height: 1350px;
  --ad-video-height: 1920px;
  --ad-logo-cover: 210px;
  --ad-logo-inside: 128px;
  --ad-arrow: 100px;
  --ad-dublin-mark: 144px;
  /* Opacity */
  --ad-photo-darken: 0.15;
  --ad-tape-ghost: 0.6;
  --ad-cover-scrim: 0.3;
  --ad-cover-foot-scrim: 0.6;
  /* The chrome every tool shares (ui) */
  --ad-ui-chrome: #101010;
  --ad-ui-chrome-ink: #f0f0f0;
  --ad-ui-chrome-muted: #c2c2c2;
  --ad-ui-action: #ffed1f;
  --ad-ui-workspace: #e8e8e3;
  --ad-ui-panel: #fbfbf7;
  --ad-ui-line: #d6d6cf;
  --ad-ui-ink: #1f201c;
  --ad-ui-muted: #74746d;
  --ad-ui-radius: 6px;
  --ad-ui-control: 36px;
  --ad-ui-masthead: 64px;
  --ad-ui-ui-size: 14px;
  --ad-ui-ui-label-size: 11px;
  --ad-ui-ui-size-small: 12px;
  --ad-ui-success: #4f6a2e;
  --ad-ui-warning: #9a6a0a;
  --ad-ui-danger: #a5513a;
  --ad-ui-t-title: 24px;
  --ad-ui-t-dialog: 28px;
  --ad-ui-t-section: 15px;
  --ad-ui-t-name: 15px;
  --ad-ui-t-meta: 13px;
  --ad-ui-t-body: 14px;
  --ad-ui-t-hint: 12px;
  --ad-ui-t-label: 12px;
  --ad-ui-t-eyebrow: 11px;
  /* Weights on Barlow GX's own scale */
  --ad-weight-regular: 71;
  --ad-weight-medium: 96;
  --ad-weight-semibold: 116;
  --ad-weight-bold: 141;
  --ad-weight-extrabold: 166;
  --ad-weight-black: 188;
}