/* ============================================================
   BLANC' homepage — Font: EuclidCircularAVN
   Upload các file .ttf lên Assets Sapo. File CSS này cần được xử lý Liquid
   (hoặc để @font-face này trong 1 file .css.liquid) để {{ ... | asset_url }} chạy.
   font-display: swap; fallback 'Manrope'.
   Weight: Light 300 / Regular 400 / Medium 500 / SemiBold 600 / Bold 700 (+ italic).
   ============================================================ */

@font-face {
  font-family: 'EuclidCircularAVN';
  src: url({{ 'EuclidCircularAVN-Light.ttf' | asset_url }}) format('truetype');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'EuclidCircularAVN';
  src: url({{ 'EuclidCircularAVN-LightItalic.ttf' | asset_url }}) format('truetype');
  font-weight: 300; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'EuclidCircularAVN';
  src: url({{ 'EuclidCircularAVN-Regular.ttf' | asset_url }}) format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'EuclidCircularAVN';
  src: url({{ 'EuclidCircularAVN-RegularItalic.ttf' | asset_url }}) format('truetype');
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'EuclidCircularAVN';
  src: url({{ 'EuclidCircularAVN-Medium.ttf' | asset_url }}) format('truetype');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'EuclidCircularAVN';
  src: url({{ 'EuclidCircularAVN-MediumItalic.ttf' | asset_url }}) format('truetype');
  font-weight: 500; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'EuclidCircularAVN';
  src: url({{ 'EuclidCircularAVN-SemiBold.ttf' | asset_url }}) format('truetype');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'EuclidCircularAVN';
  src: url({{ 'EuclidCircularAVN-SemiBoldItalic.ttf' | asset_url }}) format('truetype');
  font-weight: 600; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'EuclidCircularAVN';
  src: url({{ 'EuclidCircularAVN-Bold.ttf' | asset_url }}) format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'EuclidCircularAVN';
  src: url({{ 'EuclidCircularAVN-BoldItalic.ttf' | asset_url }}) format('truetype');
  font-weight: 700; font-style: italic; font-display: swap;
}