@use '@angular/material';
@use '../../globals';


$wdk-typography: material.define-typography-config(
  $font-family: "Helvetica, Arial, sans-serif",
  $headline-1: material.define-typography-level(36px, 1.3, 600),
  $headline-2: material.define-typography-level(32px, 1.3, 600),
  $headline-3: material.define-typography-level(28px, 1.3, 600),
  $headline-4: material.define-typography-level(36px, 1.3, 600),
  // h1
  $headline-5: material.define-typography-level(32px, 1.3, 600, 'Roboto'),
  $headline-6: material.define-typography-level(26px, 1.3, 600, 'Roboto'),
  $subtitle-1: material.define-typography-level(20px, 1.3, 400),
  $subtitle-2: material.define-typography-level(14px, 1.3, 400),
  $body-1: material.define-typography-level(16px, 1.15, 400),
  $body-2: material.define-typography-level(14px, 1.1, 400),
  $caption: material.define-typography-level(12px, 1.3, 400),
  $button: material.define-typography-level(16px, 1, 600, 'Roboto'),
)