/** @format */
:root {
  --brand-primary: #0a314e; /* bleu principal */
  --brand-secondary: #1f5c77; /* bleu moyen */
  --brand-gray: #4a5057; /* gris logo "TEC" */
  --brand-accent: #d19a00; /* jaune éclair */
  --brand-bg: #f6f8fa; /* fond très clair, lisible */
}

/* Petits utilitaires Tailwind-friendly (var() dans les classes arbitraires) */
.text-brand {
  color: var(--brand-primary);
}
.text-accent {
  color: var(--brand-accent);
}
.bg-brand {
  background-color: var(--brand-primary);
}
.bg-accent {
  background-color: var(--brand-accent);
}
.border-brand {
  border-color: var(--brand-primary);
}

/* Gradients cohérents avec le logo */
.brand-hero-gradient {
  background: linear-gradient(
    135deg,
    var(--brand-primary) 0%,
    var(--brand-secondary) 55%,
    var(--brand-gray) 100%
  );
}
.brand-section-gradient {
  background: linear-gradient(
    135deg,
    var(--brand-primary) 0%,
    var(--brand-secondary) 60%,
    #1a1f2e 100%
  );
}

/* Interactions */
a:hover {
  color: var(--brand-accent);
}

/* Inputs focus */
.input-highlight:focus {
  border-color: var(--brand-accent);
  box-shadow: 0 0 0 1px var(--brand-accent);
}

/* Vagues SVG : mêmes couleurs que ci-dessus */
/* Forcer police
NeusaNextStdTrial-CondensedLight dans le dossier /fonts */

@font-face {
  font-family: "NeusaNextStdTrial-CondensedLight";
  src: url("/fonts/Neusa_Next_Std_Condensed_Light.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Neusa Next Std Condensed";
  src: url("/fonts/Neusa_Next_Std_Condensed_Thin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Neusa Next Std Condensed";
  src: url("/fonts/Neusa_Next_Std_Condensed_Thin_Italic.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Neusa Next Std Condensed";
  src: url("/fonts/Neusa_Next_Std_Condensed_Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Neusa Next Std Condensed";
  src: url("/fonts/Neusa_Next_Std_Condensed_Light_Italic.otf")
    format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Neusa Next Std Condensed";
  src: url("/fonts/Neusa_Next_Std_Condensed_Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Neusa Next Std Condensed";
  src: url("/fonts/Neusa_Next_Std_Condensed_Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Neusa Next Std Condensed";
  src: url("/fonts/Neusa_Next_Std_Condensed_Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Neusa Next Std Condensed";
  src: url("/fonts/Neusa_Next_Std_Condensed_Medium_Italic.otf")
    format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Neusa Next Std Condensed";
  src: url("/fonts/Neusa_Next_Std_Condensed_Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Neusa Next Std Condensed";
  src: url("/fonts/Neusa_Next_Std_Condensed_Bold_Italic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

html,
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Neusa Next Std Condensed", sans-serif;
}