/* assets/custom_fonts.css */

/*
  Ensure your font files (RWESansWeb-Regular.woff, RWESansWeb-Italic.woff, etc.)
  are located in a path accessible relative to this CSS file,
  typically within the assets folder as well (e.g., /assets/fonts/RWESansWeb-Regular.woff).
  The url() paths below assume the fonts are in an 'fonts' subfolder within 'assets'.
  If your fonts are directly in the 'assets' folder, change url('/assets/fonts/...')
  to url('/assets/RWESansWeb-Regular.woff'), etc.
  Dash automatically serves files from the 'assets' folder, so '/assets/' becomes the root
  for these paths from the browser's perspective.
*/

/* Font Declarations for RWESansWeb Font Family */
@font-face {
  font-family: 'RWESansWeb';
  src: url('/assets/fonts/RWESansWeb-Regular.woff') format('woff'); /* Adjust path if needed */
  font-weight: 400; /* Normal */
  font-style: normal;
  font-display: swap; /* Improves perceived performance */
}

@font-face {
  font-family: 'RWESansWeb';
  src: url('/assets/fonts/RWESansWeb-Italic.woff') format('woff'); /* Adjust path if needed */
  font-weight: 400; /* Normal */
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'RWESansWeb';
  src: url('/assets/fonts/RWESansWeb-Light.woff') format('woff'); /* Adjust path if needed */
  font-weight: 300; /* Light */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RWESansWeb';
  src: url('/assets/fonts/RWESansWeb-LightItalic.woff') format('woff'); /* Adjust path if needed */
  font-weight: 300; /* Light */
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'RWESansWeb';
  src: url('/assets/fonts/RWESansWeb-Medium.woff') format('woff'); /* Adjust path if needed */
  font-weight: 500; /* Medium */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RWESansWeb';
  src: url('/assets/fonts/RWESansWeb-MediumItalic.woff') format('woff'); /* Adjust path if needed */
  font-weight: 500; /* Medium */
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'RWESansWeb';
  src: url('/assets/fonts/RWESansWeb-Bold.woff') format('woff'); /* Adjust path if needed */
  font-weight: 700; /* Bold */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RWESansWeb';
  src: url('/assets/fonts/RWESansWeb-BoldItalic.woff') format('woff'); /* Adjust path if needed */
  font-weight: 700; /* Bold */
  font-style: italic;
  font-display: swap;
}

/* Typography Utility Classes (Optional, as Mantine has its own ways to set font weight) */
/* You can keep these if you prefer using them with className */
.font-light {
  font-family: 'RWESansWeb', sans-serif; /* Ensure the font family is applied */
  font-weight: 300 !important; /* Use !important if Mantine styles override, or integrate with Mantine's system */
}

.font-regular {
  font-family: 'RWESansWeb', sans-serif;
  font-weight: 400 !important;
}

.font-medium {
  font-family: 'RWESansWeb', sans-serif;
  font-weight: 500 !important;
}

.font-bold {
  font-family: 'RWESansWeb', sans-serif;
  font-weight: 700 !important;
}

.font-italic {
  font-family: 'RWESansWeb', sans-serif;
  font-style: italic !important;
}

/*
  Base body and heading styles using RWESansWeb.
  Note: `dmc.MantineProvider` with `theme.fontFamily` and `theme.headings.fontFamily`
  is the recommended way to set these globally for Mantine components.
  Including them here can be a fallback or for non-Mantine elements if any.
*/
body {
  /* This will be largely controlled by MantineProvider's theme.fontFamily */
  font-family: 'RWESansWeb', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  font-weight: 400; /* Default weight */
}

h1, h2, h3, h4, h5, h6 {
  /* This will be largely controlled by MantineProvider's theme.headings.fontFamily */
  font-family: 'RWESansWeb', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
}