/* Charte graphique AFSR v1.2.1 — fichier généré, ne pas modifier.
   Source : tokens/tokens.json (dépôt AFSR/charte_graphique). */

/* Polices : copiez assets/fonts/ dans votre projet et ajustez le chemin si besoin. */
@font-face {
  font-family: "Unbounded";
  src: url("./fonts/Unbounded-Variable.woff2") format("woff2");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./fonts/Montserrat-VF.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --afsr-color-magenta-10: #fbf6fa;
  --afsr-color-magenta-20: #f9f0f7;
  --afsr-color-magenta-30: #f5e8f2;
  --afsr-color-magenta-40: #f2e0ee;
  --afsr-color-magenta-50: #ecd1e6;
  --afsr-color-magenta-60: #dfb2d5;
  --afsr-color-magenta-70: #ce8cc0;
  --afsr-color-magenta-80: #be66ab;
  --afsr-color-magenta-90: #ae3f96;
  --afsr-color-magenta-100: #9e1981;
  --afsr-color-magenta-110: #84156c;
  --afsr-color-magenta-120: #691156;
  --afsr-color-magenta-130: #4f0d41;
  --afsr-color-magenta-140: #35082b;
  --afsr-color-magenta-150: #20051a;
  --afsr-color-violet-50: #d9d4e2;
  --afsr-color-violet-60: #bfb7ce;
  --afsr-color-violet-70: #9f92b5;
  --afsr-color-violet-80: #7f6e9d;
  --afsr-color-violet-90: #5f4a84;
  --afsr-color-violet-100: #3f266c;
  --afsr-color-violet-110: #35205a;
  --afsr-color-violet-120: #2a1948;
  --afsr-color-violet-130: #201336;
  --afsr-color-violet-140: #150d24;
  --afsr-color-violet-150: #150d24;
  --afsr-color-purple-50: #e1d3e5;
  --afsr-color-purple-60: #cdb6d3;
  --afsr-color-purple-70: #b392bd;
  --afsr-color-purple-80: #9a6ea8;
  --afsr-color-purple-90: #814992;
  --afsr-color-purple-100: #68257c;
  --afsr-color-purple-110: #571f67;
  --afsr-color-purple-120: #451953;
  --afsr-color-purple-130: #34133e;
  --afsr-color-purple-140: #230c29;
  --afsr-color-purple-150: #150719;
  --afsr-color-green-50: #ddf0e0;
  --afsr-color-green-60: #c6e6cc;
  --afsr-color-green-70: #a9d9b2;
  --afsr-color-green-80: #8dcc99;
  --afsr-color-green-90: #71c080;
  --afsr-color-green-100: #54b366;
  --afsr-color-green-110: #469555;
  --afsr-color-green-120: #387744;
  --afsr-color-green-130: #2a5a33;
  --afsr-color-green-140: #1c3c22;
  --afsr-color-green-150: #112414;
  --afsr-color-forest-50: #d3e0d9;
  --afsr-color-forest-60: #b5cbc0;
  --afsr-color-forest-70: #90b1a0;
  --afsr-color-forest-80: #6b9881;
  --afsr-color-forest-90: #467e62;
  --afsr-color-forest-100: #216442;
  --afsr-color-forest-110: #1c5337;
  --afsr-color-forest-120: #16432c;
  --afsr-color-forest-130: #113221;
  --afsr-color-forest-140: #0b2116;
  --afsr-color-forest-150: #07140d;
  --afsr-color-lime-50: #eff5d4;
  --afsr-color-lime-60: #e4eeb7;
  --afsr-color-lime-70: #d7e593;
  --afsr-color-lime-80: #cadc6f;
  --afsr-color-lime-90: #bcd44b;
  --afsr-color-lime-100: #afcb27;
  --afsr-color-lime-110: #92a921;
  --afsr-color-lime-120: #75871a;
  --afsr-color-lime-130: #586614;
  --afsr-color-lime-140: #3a440d;
  --afsr-color-lime-150: #232908;
  --afsr-color-yellow-50: #f8f8cc;
  --afsr-color-yellow-60: #f4f3aa;
  --afsr-color-yellow-70: #eeed80;
  --afsr-color-yellow-80: #e9e855;
  --afsr-color-yellow-90: #e3e22b;
  --afsr-color-yellow-100: #dedc00;
  --afsr-color-yellow-110: #b9b700;
  --afsr-color-yellow-120: #949300;
  --afsr-color-yellow-130: #6f6e00;
  --afsr-color-yellow-140: #6f6e00;
  --afsr-color-yellow-150: #2c2c00;
  --afsr-color-neutral-0: #000000;
  --afsr-color-neutral-1: #505050;
  --afsr-color-neutral-2: #818181;
  --afsr-color-neutral-3: #ababab;
  --afsr-color-neutral-4: #d6d6d6;
  --afsr-color-neutral-5: #ebebeb;
  --afsr-color-neutral-6: #f7f7f7;
  --afsr-color-neutral-7: #fbfbfb;
  --afsr-color-neutral-8: #ffffff;
  --afsr-color-white: #ffffff;
  --afsr-color-black: #000000;
  --afsr-color-danger: #b00020;
  --afsr-color-danger-soft: #fff4f2;
  --afsr-color-danger-bright: #e84143;
  --afsr-color-success: #216442;
  --afsr-color-success-soft: #ddf0e0;
  --afsr-color-warning: #7a5b00;
  --afsr-color-warning-soft: #fff1d6;
  --afsr-color-info: #467fcf;
  --afsr-color-info-soft: #f5f7fb;
  --afsr-role-primary: #9e1981;
  --afsr-role-primary-hover: #84156c;
  --afsr-role-primary-soft: #ecd1e6;
  --afsr-role-secondary: #3f266c;
  --afsr-role-tertiary: #68257c;
  --afsr-role-accent: #afcb27;
  --afsr-role-accent-soft: #eff5d4;
  --afsr-role-surface: #ffffff;
  --afsr-role-surface-tint: #fbf6fa;
  --afsr-role-text: #3f266c;
  --afsr-role-text-soft: #5f4a84;
  --afsr-role-border: #f5e8f2;
  --afsr-role-on-primary: #ffffff;
  --afsr-role-on-secondary: #ffffff;
  --afsr-role-border-strong: #e1d3e5;
  --afsr-role-border-input: #7f6e9d;
  --afsr-font-heading-family: "Unbounded", "Montserrat", system-ui, sans-serif;
  --afsr-font-body-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --afsr-fontSize-xs: 12px;
  --afsr-fontSize-sm: 13px;
  --afsr-fontSize-base: 15px;
  --afsr-fontSize-lg: 17px;
  --afsr-fontSize-xl: 18px;
  --afsr-fontSize-2xl: 22px;
  --afsr-fontSize-3xl: 29px;
  --afsr-fontSize-4xl: 40px;
  --afsr-radius-xs: 4px;
  --afsr-radius-sm: 8px;
  --afsr-radius-md: 12px;
  --afsr-radius-lg: 20px;
  --afsr-radius-xl: 36px;
  --afsr-radius-pill: 9999px;
  --afsr-shadow-sm: 0 2px 2px 1px #f9f0f7;
  --afsr-shadow-md: 0 1px 2px 1px rgba(104, 37, 124, 0.20);
  --afsr-shadow-lg: 0 22.336px 17.869px 0 rgba(63, 38, 108, 0.08), 0 12.522px 10.017px 0 rgba(63, 38, 108, 0.06), 0 6.65px 5.32px 0 rgba(63, 38, 108, 0.05), 0 2.767px 2.214px 0 rgba(63, 38, 108, 0.04);
  --afsr-fontWeight-normal: 400;
  --afsr-fontWeight-medium: 500;
  --afsr-fontWeight-semibold: 600;
  --afsr-fontWeight-bold: 700;
  --afsr-fontWeight-extrabold: 800;
  --afsr-breakpoint-mobile: 320px;
  --afsr-breakpoint-tablet: 780px;
  --afsr-breakpoint-desktop: 980px;
  --afsr-breakpoint-wide: 1300px;
  --afsr-gradient-button: linear-gradient(180deg, #BD48A3 0%, #84166D 100%);
}