/* ITS4U - habillage de la forge (UI-FORGE-01). Charte du portail : memes couleurs que
   deploy/staging-iam/theme/its4u. Aucune ressource externe.
   Principe : on ne reecrit aucune page de Forgejo ; on remplace seulement la famille de
   couleurs "primaire" des themes livres (boutons, liens, onglets actifs, selection).
   Charge par templates/custom/header.tmpl, apres la feuille du theme. */

/* themes clairs */
:root {
  --color-primary: #0369a1;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #075985;
  --color-primary-dark-2: #075985;
  --color-primary-dark-3: #0c4a6e;
  --color-primary-dark-4: #0c4a6e;
  --color-primary-dark-5: #082f49;
  --color-primary-dark-6: #082f49;
  --color-primary-dark-7: #082f49;
  --color-primary-light-1: #0284c7;
  --color-primary-light-2: #0ea5e9;
  --color-primary-light-3: #38bdf8;
  --color-primary-light-4: #7dd3fc;
  --color-primary-light-5: #bae6fd;
  --color-primary-light-6: #e0f2fe;
  --color-primary-light-7: #f0f9ff;
  --color-primary-alpha-10: #0369a119;
  --color-primary-alpha-20: #0369a133;
  --color-primary-alpha-30: #0369a14b;
  --color-primary-alpha-40: #0369a166;
  --color-primary-alpha-50: #0369a180;
  --color-primary-alpha-60: #0369a199;
  --color-primary-alpha-70: #0369a1b3;
  --color-primary-alpha-80: #0369a1cc;
  --color-primary-alpha-90: #0369a1e1;
  --color-primary-hover: #075985;
  --color-primary-active: #0c4a6e;
}

/* themes sombres : primaire eclairci pour garder le contraste sur fond fonce */
html[data-theme*="dark"] {
  --color-primary: #38bdf8;
  --color-primary-contrast: #0f172a;
  --color-primary-dark-1: #7dd3fc;
  --color-primary-dark-2: #7dd3fc;
  --color-primary-dark-3: #bae6fd;
  --color-primary-dark-4: #bae6fd;
  --color-primary-dark-5: #e0f2fe;
  --color-primary-dark-6: #e0f2fe;
  --color-primary-dark-7: #f0f9ff;
  --color-primary-light-1: #0ea5e9;
  --color-primary-light-2: #0284c7;
  --color-primary-light-3: #0369a1;
  --color-primary-light-4: #075985;
  --color-primary-light-5: #075985;
  --color-primary-light-6: #0c4a6e;
  --color-primary-light-7: #0c4a6e;
  --color-primary-alpha-10: #0284c719;
  --color-primary-alpha-20: #0284c733;
  --color-primary-alpha-30: #0284c74b;
  --color-primary-alpha-40: #0284c766;
  --color-primary-alpha-50: #0284c780;
  --color-primary-alpha-60: #0284c799;
  --color-primary-alpha-70: #0284c7b3;
  --color-primary-alpha-80: #0284c7cc;
  --color-primary-alpha-90: #0284c7e1;
  --color-primary-hover: #7dd3fc;
  --color-primary-active: #bae6fd;
}

/* theme automatique : memes valeurs sombres quand le systeme est en mode sombre */
@media (prefers-color-scheme: dark) {
  html[data-theme*="auto"] {
    --color-primary: #38bdf8;
    --color-primary-contrast: #0f172a;
    --color-primary-dark-1: #7dd3fc;
    --color-primary-dark-2: #7dd3fc;
    --color-primary-dark-3: #bae6fd;
    --color-primary-dark-4: #bae6fd;
    --color-primary-dark-5: #e0f2fe;
    --color-primary-dark-6: #e0f2fe;
    --color-primary-dark-7: #f0f9ff;
    --color-primary-light-1: #0ea5e9;
    --color-primary-light-2: #0284c7;
    --color-primary-light-3: #0369a1;
    --color-primary-light-4: #075985;
    --color-primary-light-5: #075985;
    --color-primary-light-6: #0c4a6e;
    --color-primary-light-7: #0c4a6e;
    --color-primary-alpha-10: #0284c719;
    --color-primary-alpha-20: #0284c733;
    --color-primary-alpha-30: #0284c74b;
    --color-primary-alpha-40: #0284c766;
    --color-primary-alpha-50: #0284c780;
    --color-primary-alpha-60: #0284c799;
    --color-primary-alpha-70: #0284c7b3;
    --color-primary-alpha-80: #0284c7cc;
    --color-primary-alpha-90: #0284c7e1;
    --color-primary-hover: #7dd3fc;
    --color-primary-active: #bae6fd;
  }
}