/* ==========================================================================
   Theme goutduvin - genere par outils/faire-theme.php
   Marque #9E2B3F  |  gris teintes 18%  |  rayon 8px
   Teinte d'action : blanc - la marque porte du texte blanc, elle sert telle quelle de teinte d'action.

   Ne rien ajouter ici en dehors de variables. Un theme qui contient une
   regle de composant est une fourche du systeme qui commence.
   ========================================================================== */

:root {
   --isl-bg             : #FCF5F5;
   --isl-surface        : #FFFDFD;
   --isl-surface-2      : #F4ECED;
   --isl-surface-3      : #E9E1E1;
   --isl-border         : #E9E1E1;
   --isl-border-strong  : #C3BCBC;
   --isl-fg             : #0F0A0A;
   --isl-muted          : #423C3C;
   --isl-subtle         : #5A5454;
   --isl-accent         : #992E40;
   --isl-accent-hover   : #761F2D;
   --isl-accent-soft    : #FFF2F2;
   --isl-accent-border  : #FACACC;
   --isl-accent-text    : #992E40;
   --isl-on-accent      : #FFFFFF;
   --isl-ring           : rgba(153, 46, 64, 0.28);
   --isl-success        : #026430;
   --isl-success-soft   : #E7F4EA;
   --isl-warning        : #734700;
   --isl-warning-soft   : #FAEEE1;
   --isl-danger         : #951F1D;
   --isl-danger-soft    : #FFEBE8;

   --isl-r-sm           : 5px;
   --isl-r              : 8px;
   --isl-r-lg           : 13px;
}

@media (prefers-color-scheme: dark) {
   :root:not([data-theme="light"]) {
      --isl-bg             : #070404;
      --isl-surface        : #0F0A0A;
      --isl-surface-2      : #1C1717;
      --isl-surface-3      : #2D2828;
      --isl-border         : #2D2828;
      --isl-border-strong  : #423C3C;
      --isl-fg             : #FCF5F5;
      --isl-muted          : #A8A1A1;
      --isl-subtle         : #8D8787;
      --isl-accent         : #D46672;
      --isl-accent-hover   : #E68A91;
      --isl-accent-soft    : #351518;
      --isl-accent-border  : #5F2D32;
      --isl-accent-text    : #E68A91;
      --isl-on-accent      : #070404;
      --isl-ring           : rgba(212, 102, 114, 0.34);
      --isl-success        : #7EBE8F;
      --isl-success-soft   : #0D2715;
      --isl-warning        : #D8A05E;
      --isl-warning-soft   : #301B01;
      --isl-danger         : #F28B80;
      --isl-danger-soft    : #39120F;
   }
}
:root[data-theme="dark"] {
   --isl-bg             : #070404;
   --isl-surface        : #0F0A0A;
   --isl-surface-2      : #1C1717;
   --isl-surface-3      : #2D2828;
   --isl-border         : #2D2828;
   --isl-border-strong  : #423C3C;
   --isl-fg             : #FCF5F5;
   --isl-muted          : #A8A1A1;
   --isl-subtle         : #8D8787;
   --isl-accent         : #D46672;
   --isl-accent-hover   : #E68A91;
   --isl-accent-soft    : #351518;
   --isl-accent-border  : #5F2D32;
   --isl-accent-text    : #E68A91;
   --isl-on-accent      : #070404;
   --isl-ring           : rgba(212, 102, 114, 0.34);
   --isl-success        : #7EBE8F;
   --isl-success-soft   : #0D2715;
   --isl-warning        : #D8A05E;
   --isl-warning-soft   : #301B01;
   --isl-danger         : #F28B80;
   --isl-danger-soft    : #39120F;
}

/* --- Coque : la colonne de navigation, sombre dans les deux modes. --- */
:root {
   --gdv-side-bg        : #0F0A0A;
   --gdv-side-bg-2      : #1C1717;
   --gdv-side-fg        : #FCF5F5;
   --gdv-side-mut       : #A8A1A1;
   --gdv-side-sec       : #8D8787;
   --gdv-side-line      : #2D2828;
   --gdv-side-hov       : #2D2828;
   --gdv-side-hov-2     : #423C3C;
   --gdv-side-on        : #D46672;
   --gdv-side-on-fg     : #070404;
   --gdv-side-txt-on    : #E68A91;
}