/* eslint-disable */

/**
 * Do not edit directly
 * Generated by cocokits 'token-generator'
 */

@mixin use_typography_font-a {
  :where(.cck-theme-frames-x__typography--font-a),
  :where([data-cck-theme*='frames-x__typography--font-a']) {
    @include variables_typography_font-a;
  }
}

@mixin variables_typography_font-a {
  --font-weight-extra-light: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --font-family: inter;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;
  --font-size-4xl: 36px;
  --font-size-5xl: 48px;
  --font-size-6xl: 60px;
  --font-size-7xl: 72px;
  --font-size-8xl: 96px;
  --font-size-9xl: 128px;
  --line-height-xs: 18px;
  --line-height-sm: 22px;
  --line-height-base: 24px;
  --line-height-lg: 28px;
  --line-height-xl: 32px;
  --line-height-2xl: 38px;
  --line-height-3xl: 42px;
  --line-height-4xl: 52px;
  --line-height-5xl: 64px;
  --line-height-6xl: 86px;
  --line-height-7xl: 108px;
  --line-height-8xl: 144px;
  --line-height-9xl: 192px;
  --letter-spacing-base: 0;
  --letter-spacing-sm: 0.6px;
  --letter-spacing-md: 1.2px;
  --letter-spacing-lg: 2px;
  --letter-spacing-xl: 3px;
}