/* Polymath Display Demo Font Faces */
@font-face {
  font-family: 'Polymath Display Demo';
  src: url('/fonts/PolymathDispDemo-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Polymath Display Demo';
  src: url('/fonts/PolymathDispDemo-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Polymath Display Demo Light';
  src: url('/fonts/PolymathDispDemo-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Polymath Display Demo Light';
  src: url('/fonts/PolymathDispDemo-LightIt.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Polymath Display Demo Black';
  src: url('/fonts/PolymathDispDemo-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Polymath Display Demo Black';
  src: url('/fonts/PolymathDispDemo-BlackIt.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* Additional Polymath Display Demo weights */
@font-face {
  font-family: 'Polymath Display Demo';
  src: url('/fonts/PolymathDispDemo-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Polymath Display Demo';
  src: url('/fonts/PolymathDispDemo-XLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Polymath Display Demo';
  src: url('/fonts/PolymathDispDemo-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Polymath Display Demo';
  src: url('/fonts/PolymathDispDemo-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Polymath Display Demo';
  src: url('/fonts/PolymathDispDemo-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Polymath Display Demo';
  src: url('/fonts/PolymathDispDemo-Super.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Polymath Demo (Standard) Font Faces */
@font-face {
  font-family: 'Polymath Demo';
  src: url('/fonts/PolymathDemo-Super.otf') format('opentype');
  font-weight: 900;
  font-style: super;
  font-display: swap;
}

/* CSS Custom Properties for CitizenCo Design System */
:root {
  /* Headline Small */
  --citizenco-headline-small-font-family:
    'Polymath Display Demo Black', 'Helvetica', 'Arial', sans-serif;
  --citizenco-headline-small-font-weight: 900;
  --citizenco-headline-small-font-size: 24px;
  --citizenco-headline-small-font-style: normal;

  /* Body Medium */
  --citizenco-body-medium-font-family:
    'Polymath Display Demo', 'Helvetica', 'Arial', sans-serif;
  --citizenco-body-medium-font-weight: 400;
  --citizenco-body-medium-font-size: 16px;
  --citizenco-body-medium-font-style: normal;

  /* Label Large */
  --citizenco-label-large-font-family:
    'Polymath Display Demo Medium', 'Helvetica', 'Arial', sans-serif;
  --citizenco-label-large-font-weight: 500;
  --citizenco-label-large-font-size: 14px;
  --citizenco-label-large-font-style: normal;

  /* Body Small */
  --citizenco-body-small-font-weight: 400;
}