@font-face {
    font-family: 'DomaineSansText';
    src: url('../fonts/Domaine Sans Text Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DomaineSansText';
    src: url('../fonts/Domaine Sans Text Italic.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'DomaineSansText';
    src: url('../fonts/Domaine Sans Text Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DomaineSansText';
    src: url('../fonts/Domaine Sans Text Medium Italic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'DomaineSansText';
    src: url('../fonts/Domaine Sans Text Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DomaineSansText';
    src: url('../fonts/Domaine Sans Text Bold Italic.otf') format('opentype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'DomaineSansText';
    src: url('../fonts/Domaine Sans Text Light.otf') format('opentype');
    font-weight: 300; /* Light weight */
    font-style: normal;
}

@font-face {
    font-family: 'DomaineSansText';
    src: url('../fonts/Domaine Sans Text Light Italic.otf') format('opentype');
    font-weight: 300; /* Light weight */
    font-style: italic;
}

@font-face {
    font-family: 'DomaineSansText';
    src: url('../fonts/Domaine Sans Text Black.otf') format('opentype');
    font-weight: 900; /* Black weight */
    font-style: normal;
}

@font-face {
    font-family: 'DomaineSansText';
    src: url('../fonts/Domaine Sans Text Black Italic.otf') format('opentype');
    font-weight: 900; /* Black weight */
    font-style: italic;
}

/* Base font rule */
body {
    font-family: 'DomaineSansText', sans-serif;
}

/* Utility classes for font weights */
.font-regular {
    font-weight: normal;
}

.font-medium {
    font-weight: 500;
}

.font-bold {
    font-weight: bold;
}

.font-light {
    font-weight: 300;
}

.font-black {
    font-weight: 900;
}

/* You can also define utility classes for italics if needed */
.font-italic {
    font-style: italic;
}