/* Aether ADP — typography.
   Inter is the entire system: Regular 400, Medium 500, Semibold 600, Bold 700.
   No font binaries ship inside the .fig, so Inter is loaded from Google Fonts.
   Euclid Circular A appears 6 times in the source (one 60px specimen); it is not
   on Google Fonts and is NOT substituted here — see readme.md > Caveats. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

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

  /* Display — every pair observed in the source file */
  --font-size-display-lg: 48px;   --line-height-display-lg: 48px;
  --font-size-display-md: 36px;   --line-height-display-md: 44px;
  --font-size-display-sm: 24px;   --line-height-display-sm: 32px;
  --letter-spacing-display: -0.02em;

  /* Text */
  --font-size-xl: 20px;  --line-height-xl: 30px;
  --font-size-lg: 18px;  --line-height-lg: 28px;
  --font-size-md: 16px;  --line-height-md: 24px;
  --font-size-sm: 14px;  --line-height-sm: 20px;
  --font-size-xs: 12px;  --line-height-xs: 18px;

  /* Micro — counters, badge numerals, dense table meta */
  --font-size-2xs: 11px; --line-height-2xs: 16px;
  --font-size-3xs: 10px; --line-height-3xs: 14px;
  --font-size-4xs: 9px;  --line-height-4xs: 12px;
}

.aether-display-lg { font: var(--font-weight-semibold) var(--font-size-display-lg)/var(--line-height-display-lg) var(--font-sans); letter-spacing: var(--letter-spacing-display); }
.aether-display-md { font: var(--font-weight-semibold) var(--font-size-display-md)/var(--line-height-display-md) var(--font-sans); letter-spacing: var(--letter-spacing-display); }
.aether-display-sm { font: var(--font-weight-semibold) var(--font-size-display-sm)/var(--line-height-display-sm) var(--font-sans); }
.aether-text-xl { font: var(--font-weight-regular) var(--font-size-xl)/var(--line-height-xl) var(--font-sans); }
.aether-text-lg { font: var(--font-weight-regular) var(--font-size-lg)/var(--line-height-lg) var(--font-sans); }
.aether-text-md { font: var(--font-weight-regular) var(--font-size-md)/var(--line-height-md) var(--font-sans); }
.aether-text-sm { font: var(--font-weight-regular) var(--font-size-sm)/var(--line-height-sm) var(--font-sans); }
.aether-text-xs { font: var(--font-weight-regular) var(--font-size-xs)/var(--line-height-xs) var(--font-sans); }