/* ==========================================================================
   Sofia Pro Font Override (mave_saas)
   ==========================================================================
   
   This file overrides the --font-sans CSS variable from mave_core to use
   the licensed Sofia Pro font family. It must be loaded AFTER core's CSS.
   ========================================================================== */

/* Sofia Pro font faces - full weight range */
@font-face {
  font-family: "Sofia";
  src: url('/fonts/SofiaProUltraLight/font.woff2') format('woff2'), url('/fonts/SofiaProUltraLight/font.woff') format('woff');
  font-weight: 100;
  font-display: block;
}

@font-face {
  font-family: "Sofia";
  src: url('/fonts/SofiaProExtraLight/font.woff2') format('woff2'), url('/fonts/SofiaProExtraLight/font.woff') format('woff');
  font-weight: 200;
  font-display: block;
}

@font-face {
  font-family: "Sofia";
  src: url('/fonts/SofiaProLight/font.woff2') format('woff2'), url('/fonts/SofiaProLight/font.woff') format('woff');
  font-weight: 300;
  font-display: block;
}

@font-face {
  font-family: "Sofia";
  src: url('/fonts/SofiaProRegular/font.woff2') format('woff2'), url('/fonts/SofiaProRegular/font.woff') format('woff');
  font-weight: 400;
  font-display: block;
}

@font-face {
  font-family: "Sofia";
  src: url('/fonts/SofiaProMedium/font.woff2') format('woff2'), url('/fonts/SofiaProMedium/font.woff') format('woff');
  font-weight: 500;
  font-display: block;
}

@font-face {
  font-family: "Sofia";
  src: url('/fonts/SofiaProSemiBold/font.woff2') format('woff2'), url('/fonts/SofiaProSemiBold/font.woff') format('woff');
  font-weight: 600;
  font-display: block;
}

@font-face {
  font-family: "Sofia";
  src: url('/fonts/SofiaProBold/font.woff2') format('woff2'), url('/fonts/SofiaProBold/font.woff') format('woff');
  font-weight: 700;
  font-display: block;
}

@font-face {
  font-family: "Sofia";
  src: url('/fonts/SofiaProBlack/font.woff2') format('woff2'), url('/fonts/SofiaProBlack/font.woff') format('woff');
  font-weight: 800;
  font-display: block;
}

/* Override core's --font-sans to use Sofia Pro 
   !important is needed because PhoenixStorybook loads our CSS into layer(app)
   which has lower priority than unlayered Tailwind theme styles */
:root {
  --font-sans: 'Sofia', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}