/* 100 (Thin) */
@font-face {
  font-family: 'Comic Code Ligatures';
  src: url('/assets/fonts/CCL/ComicCodeLigatures-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Comic Code Ligatures';
  src: url('/assets/fonts/CCL/ComicCodeLigatures-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
}

/* 200 (UltraLight - Mapped to ExtraLight standard) */
@font-face {
  font-family: 'Comic Code Ligatures';
  src: url('/assets/fonts/CCL/ComicCodeLigatures-UltraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Comic Code Ligatures';
  src: url('/assets/fonts/CCL/ComicCodeLigatures-UltLtIta.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
}

/* 300 (Light) */
@font-face {
  font-family: 'Comic Code Ligatures';
  src: url('/assets/fonts/CCL/ComicCodeLigatures-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Comic Code Ligatures';
  src: url('/assets/fonts/CCL/ComicCodeLigatures-LightIta.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}

/* 400 (Regular) */
@font-face {
  font-family: 'Comic Code Ligatures';
  src: url('/assets/fonts/CCL/ComicCodeLigatures-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Comic Code Ligatures';
  src: url('/assets/fonts/CCL/ComicCodeLigatures-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}

/* 500 (Medium) */
@font-face {
  font-family: 'Comic Code Ligatures';
  src: url('/assets/fonts/CCL/ComicCodeLigatures-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Comic Code Ligatures';
  src: url('/assets/fonts/CCL/ComicCodeLigatures-MedIta.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
}

/* 600 (SemiBold) */
@font-face {
  font-family: 'Comic Code Ligatures';
  src: url('/assets/fonts/CCL/ComicCodeLigatures-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Comic Code Ligatures';
  src: url('/assets/fonts/CCL/ComicCodeLigatures-SemBdIta.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
}

/* 700 (Bold) */
@font-face {
  font-family: 'Comic Code Ligatures';
  src: url('/assets/fonts/CCL/ComicCodeLigatures-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Comic Code Ligatures';
  src: url('/assets/fonts/CCL/ComicCodeLigatures-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}


body, button {
  font-family: 'Comic Code Ligatures', monospace;
}