/*
 * Tokens du Design System ORA (Eurécia) - sous-ensemble utilisé par ce site.
 * Source : DS ORA (tokens.json). Couleurs et typographie uniquement, pas de composants.
 */

@font-face {
  font-family: 'Figtree';
  src: url('../resources/fonts/Figtree-VariableFont_wght.ttf') format('truetype');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../resources/fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../resources/fonts/Roboto-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../resources/fonts/Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Typographie */
  --font-body: 'Roboto', -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-heading: 'Figtree', -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;

  /* Petrol (accent UI) */
  --petrol-10: #e6f2f4;
  --petrol-20: #b8dae0;
  --petrol-30: #90c4ce;
  --petrol-60: #486267;
  --petrol-70: #3e5c64;
  --petrol-80: #294b53;
  --petrol-90: #192e33;

  /* Cream (fonds et bordures structurelles) */
  --cream-10: #fbfaf7;
  --cream-30: #f8f5ef;
  --cream-50: #f6f2ea;
  --cream-70: #efebe2;
  --cream-80: #e5e2d8;
  --cream-90: #d3d0c7;

  /* Neutral */
  --neutral-0: #ffffff;
  --neutral-20: #f7f7f7;
  --neutral-30: #ededed;
  --neutral-40: #dedede;
  --neutral-50: #cccccc;
  --neutral-60: #b6b6b6;
  --neutral-70: #9b9b9b;
  --neutral-80: #7c7c7c;
  --neutral-90: #5a5a5a;
  --neutral-100: #333333;
  --opacity-default: #3333333d;

  /* Statuts */
  --red-0: #fae8e8;
  --red-60: #cd1818;
  --red-70: #a01313;
  --green-0: #e9f8e9;
  --green-80: #147015;
  --magenta-80: #792a66;
  --blue-0: #e7f1f8;
  --blue-70: #085693;
  --orange-0: #fff5f0;
  --orange-70: #c75410;
  --orange-80: #a04408;

  /* Sémantiques */
  --text-primary: var(--neutral-100);
  --text-secondary: var(--neutral-90);
  --bg-page: var(--cream-50);
  --bg-surface: var(--neutral-0);
  --border-default: var(--neutral-40);
  --border-structural: var(--cream-80);

  /* Élévation (SHADOW_Z_1) */
  --shadow-z-1: 0 1px 2px 0 rgba(103, 110, 144, 0.2), 0 0 2px 0 rgba(103, 110, 144, 0.1);
}