/* AironWorks DS — Typography.
   Sora = headlines/titles; Public Sans = body/labels. Line-height 150%, letter-spacing 0. */
:root {
  --font-heading: 'Sora', sans-serif;        /* Headline, Title */
  --font-body: 'Public Sans', sans-serif;    /* Body, Label, buttons, captions */

  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --line-height: 1.5;

  /* Type scale (px sizes from the Figma Typography sheet) */
  --headline-lg: 40px;
  --headline-md: 36px;
  --headline-sm: 32px;
  --title-lg: 24px;
  --title-md: 20px;
  --title-sm: 16px;
  --body-xl: 20px;
  --body-lg: 16px;
  --body-md: 14px;   /* default body size */
  --body-sm: 12px;
  --label-lg: 16px;
  --label-md: 14px;
  --label-sm: 12px;
}

body {
  font-family: var(--font-body);
  font-size: var(--body-md);
  line-height: var(--line-height);
  color: var(--text-primary);
  background: var(--bg-primary);
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  line-height: var(--line-height);
  margin: 0;
}

a { color: var(--link-default); text-decoration: none; }
a:hover { color: var(--link-hovered); }
a:active { color: var(--link-active); }