@import url('variables.css');

/* Fichier de typographie pour MadeInT - Architecture d'intérieur */

/* Définition des polices personnalisées */
@font-face {
  font-family: 'Dahlia';
  src: url('../assets/fonts/dahlia-medium.otf') format('opentype'),
       url('../assets/fonts/dahlia-medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Dahlia';
  src: url('../assets/fonts/dahlia-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'FreizeitTrial';
  src: url('../assets/fonts/FreizeitTrial-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'FreizeitTrial';
  src: url('../assets/fonts/FreizeitTrial-ThinSlanted.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'FreizeitTrial';
  src: url('../assets/fonts/FreizeitTrial-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'FreizeitTrial';
  src: url('../assets/fonts/FreizeitTrial-ExtraLightSlanted.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'FreizeitTrial';
  src: url('../assets/fonts/FreizeitTrial-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'FreizeitTrial';
  src: url('../assets/fonts/FreizeitTrial-LightSlanted.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'FreizeitTrial';
  src: url('../assets/fonts/FreizeitTrial-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'FreizeitTrial';
  src: url('../assets/fonts/FreizeitTrial-RegularSlanted.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}

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

@font-face {
  font-family: 'FreizeitTrial';
  src: url('../assets/fonts/FreizeitTrial-MediumSlanted.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'FreizeitTrial';
  src: url('../assets/fonts/FreizeitTrial-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'FreizeitTrial';
  src: url('../assets/fonts/FreizeitTrial-BoldSlanted.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'FreizeitTrial';
  src: url('../assets/fonts/FreizeitTrial-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'FreizeitTrial';
  src: url('../assets/fonts/FreizeitTrial-ExtraBoldSlanted.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'FreizeitTrial-Thin';
  src: url('../assets/fonts/FreizeitTrial-Thin.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face{
  font-family: 'Alumni';
  src: url('../assets/fonts/AlumniSans-VariableFont_wght.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

/* Styles de base pour la typographie */
body {
  font-family: 'FreizeitTrial-Thin', sans-serif;
  color: var(--text-primary);
  line-height: 1.5;
  background-color: var(--background-primary);
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Dahlia', serif;
  color: var(--text-primary);
  line-height: 1.2;
}

p,
span,
a,
input
li,
ul,
ol{
  font-family: 'FreizeitTrial', sans-serif;
  color: var(--text-primary);
  font-weight: 300;
  line-height: 1.5;
  font-size: 1rem;
}

a {
  color: var(--color-primary);
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: var(--vert-olive);
}


/* Classes typographiques */
.heading-display-hero {
  font-size: 10rem;

  @media (max-width: 768px) {
    font-size: 4rem;
  }
}

.subheading-hero {
  font-family: 'Dahlia', serif;
  font-size: 4rem;

  @media (max-width: 768px) {
    font-size: 2rem;
  }
}

.bouton{
  font-family: 'Alumni', sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  letter-spacing: 4px;
  line-height: 1.7em;

  @media (max-width: 600px) {
    font-size: 1.3rem;
  }
}

.heading-5xl {
  font-size: 9rem;

  @media (max-width: 768px) {
    font-size: clamp(2rem, 16vw, 6rem);
  }
}

.heading-4xl {
  font-size: 7rem;
}

.heading-3xl {
  font-size: 5rem;
  line-height: 1.2;
}

.heading-2xl {
  font-size: 4rem;
  line-height: 1.2;
}

.heading-xl {
  font-size: 3rem;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .heading-xl {
    font-size: 4rem;
  }
}

@media (min-width: 1024px) {
  .heading-xl {
    font-size: 5rem;
  }
}

.heading-lg {
  font-size: 1.75rem;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .heading-lg {
    font-size: 3rem;
  }
}

.heading-md {
  font-size: 2rem;
  line-height: 1.3;
}

.heading-sm {
  font-size: 1.5rem;
  line-height: 1.4;
}

.body-text {
  font-size: 1rem;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .body-text {
    font-size: 1.125rem;
  }
}

.body-text-large {
  font-size: 1.25rem;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .body-text-large {
    font-size: 1.5rem;
  }
}

.body-text-small {
  font-size: 0.875rem;
  line-height: 1.5;
}

/* Modifications spécifiques */
.text-light {
  color: var(--text-light);
}

.text-primary {
  color: var(--text-primary);
}

.text-secondary {
  color: var(--text-secondary);
}

.uppercase {
  text-transform: uppercase;
}

.text-center {
  text-align: center;
}