/* Figma Styles of your File */
:root {
  /* Colors */
  --etoiles: radial-gradient(
    closest-side,
    rgba(252, 201, 18, 1) 0%,
    rgba(243, 164, 27, 1) 100%
  );
  --radiant-roue: radial-gradient(
    closest-side,
    rgba(0, 84, 132, 1) 0%,
    rgba(45, 118, 161, 1) 43.00000071525574%,
    rgba(7, 78, 119, 1) 68.00000071525574%,
    rgba(8, 61, 92, 1) 93.99999976158142%,
    rgba(12, 71, 104, 1) 100%
  );
  --rouegain1er: radial-gradient(
    closest-side,
    rgba(251, 137, 137, 1) 0%,
    rgba(237, 98, 102, 1) 31.999999284744263%,
    rgba(251, 104, 109, 1) 68.99999976158142%,
    rgba(227, 16, 23, 1) 100%
  );
  --etoilesgranger: radial-gradient(
    closest-side,
    rgba(222, 154, 154, 1) 0%,
    rgba(102, 0, 0, 1) 79.00000214576721%
  );
  --etoilestribouillet: radial-gradient(
    closest-side,
    rgba(245, 143, 191, 1) 0%,
    rgba(96, 15, 53, 1) 79.00000214576721%
  );
  --degade-abedis: radial-gradient(
    closest-side,
    rgba(238, 196, 46, 1) 0%,
    rgba(185, 143, 71, 1) 100%
  );

  /* Fonts */
  /* Effects */
  --shadow-box-shadow: 6px 6px 54px 0px rgba(0, 0, 0, 0.1);
}
/* Figma Color Variables of your File */
:root,
[data-avantages-granger-mode="mode-1"] {
  /* mode-1 */
  --color-rouge: #e31017;
  --color-blanc: #ffffff;
  --color-gris-fond: #f6f6f6;
  --color-noir: #1e1e1e;
  --color-contour-jaune: #f3a41b;
  --vert: #00b69b;
  --gris-tableau: #6c757d;
  --opacite-couleur-primaire: rgba(0, 84, 132, 0.1);
}

[data-c10-le-bihan-mode="le-bihan"] {
  /* le-bihan */
  --color-primaire: #005484;
  --color-secondaire: #f3a200;
  --color-hover-secondaire: #d28c01;
  --color-texte-cta: var(--color-noir);
  --color-opacite-primaire: rgba(0, 84, 132, 0.1);
  --color-primaire-hover: #003e61;
  --color-texte-cta-2: var(--color-noir);
}

[data-c10-le-bihan-mode="grangerold"] {
  /* grangerold */
  --color-primaire: #e31017;
  --color-secondaire: #000000;
  --color-hover-secondaire: #3a3939;
  --color-texte-cta: var(--color-blanc);
  --color-opacite-primaire: rgba(227, 16, 23, 0.1);
  --color-primaire-hover: #c40007;
  --color-texte-cta-2: var(--color-blanc);
}

[data-c10-le-bihan-mode="backoffice"] {
  /* backoffice */
  --color-primaire: #2c84af;
  --color-secondaire: #000000;
  --color-hover-secondaire: #3a3939;
  --color-texte-cta: var(--color-blanc);
  --color-opacite-primaire: rgba(44, 132, 175, 0.1);
  --color-primaire-hover: #0f6d9b;
  --color-texte-cta-2: var(--color-blanc);
}

:root,
[data-c10-le-bihan-mode="abedis"] {
  /* abedis */
  --color-primaire: #eec42e;
  --color-secondaire: var(--color-noir);
  --color-hover-secondaire: #c4a431;
  --color-texte-cta: var(--color-blanc);
  --color-opacite-primaire: rgba(238, 196, 46, 0.1);
  --color-primaire-hover: #c4a431;
  --color-texte-cta-2: var(--color-noir);
}

[data-c10-le-bihan-mode="rega"] {
  /* rega */
  --color-primaire: #0f006b;
  --color-secondaire: #ff751d;
  --color-hover-secondaire: #d76319;
  --color-texte-cta: var(--color-blanc);
  --color-opacite-primaire: rgba(15, 0, 107, 0.1);
  --color-primaire-hover: #241586;
  --color-texte-cta-2: var(--color-noir);
}

[data-c10-le-bihan-mode="obdtribouillet"] {
  /* obdtribouillet */
  --color-primaire: #003357;
  --color-secondaire: #bc2733;
  --color-hover-secondaire: #9f1823;
  --color-texte-cta: var(--color-blanc);
  --color-opacite-primaire: rgba(0, 51, 87, 0.1);
  --color-primaire-hover: #07548b;
  --color-texte-cta-2: var(--color-noir);
}