/*
 * Jetons du centre d'aide Omnikles.
 *
 * CE FICHIER EST LE SEUL A CONTENIR DES HEXADECIMAUX.
 * Regle verifiable en revue :
 *   grep -E '#[0-9a-fA-F]{3,6}' assets/css/{base,composants,gabarits}.css
 * doit ne RIEN retourner. Une couleur ecrite ailleurs est un jeton oublie.
 *
 * Source : page /signin du portail CDS (cds-qa.omnikles.dev), relevee sur son
 * bundle Angular. Trois corrections de contraste y ont ete apportees, chiffrees
 * dans les commentaires ci-dessous : la charte d'origine echoue le niveau AA sur
 * son bouton principal, ce qui est tolerable sur une application interne mais
 * pas sur un site d'aide public.
 */

:root {
  /* — Marque ————————————————————————————————— */
  --ok-marque:            #0a1f38;  /* blanc dessus : 16,6:1 */
  --ok-marque-degrade:    linear-gradient(to bottom right, #e5767a, #f02e2e);

  --ok-marque-pastille:   linear-gradient(to bottom right, #2a5d92, #0a1f38);
  --ok-accent-clair:      #e5767a;  /* 4,5:1 sur la marque — sur-titres inverses */

  /* — Surfaces ——————————————————————————————— */
  --ok-fond:              #f6f7fb;
  --ok-fond-carte:        #ffffff;
  --ok-blanc:             #ffffff;
  --ok-filet-inverse:     rgba(255, 255, 255, 0.2);
  --ok-bordure:           #d5dbe2;  /* 1,30:1 — DECORATIF, jamais un etat */
  --ok-bordure-active:    #0f1a28;  /* un filet qui porte un etat doit tenir 3:1 */

  /* — Encre —————————————————————————————————— */
  --ok-encre:             #0f1a28;  /* 16,4:1 sur le fond */
  --ok-encre-secondaire:  #56616e;  /*  5,9:1 — texte courant, conforme */
  --ok-encre-inverse:     #c9d3e0;  /* sur la marque */
  --ok-encre-tertiaire:   #8c98a6;  /*  2,7:1 — DECORATIF. Echoue meme le seuil
                                       3:1 des composants : ni date, ni compteur,
                                       ni metadonnee. Ceux-la prennent
                                       --ok-encre-secondaire. */

  /* — Accent, eclate par ROLE ———————————————————
     C'est cet eclatement qui permet de corriger le contraste en une ligne
     plutot qu'en trente. L'accent d'origine (#ec3013) plafonne a 4,2:1 en blanc
     dessus : il ne peut pas porter de texte. */
  --ok-accent-decor:      #ec3013;  /* filets, fleches, pictogrammes, focus */
  --ok-accent-texte:      #b02310;  /* 6,8:1 — sur-titres, liens, texte accentue */
  --ok-accent-fond:       #b02310;  /* fond des boutons portant du texte blanc */
  --ok-accent-survol:     #8c1b0d;
  --ok-focus:             #b02310;

  /* — Alerte ————————————————————————————————— */
  --ok-alerte-fond:       #fdedea;
  --ok-alerte-encre:      #6e1509;  /* 10,4:1 sur son fond */

  /* — Habillage tarifaire des numeros surtaxes (reglementaire) ————
     Couleur relevee sur le visuel officiel du 0825. Blanc dessus : 7,1:1.
     Sur la marque, elle tombe a 2,3:1 : le cartouche garde son fond blanc. */
  --ok-tarif-magenta:     #a60f78;

  /* — Produits : APLATS DE REPERAGE, JAMAIS DU TEXTE ————
     Acte/Offre donne 1,8:1 sur blanc, Paraph 3,7:1. Un libelle de produit prend
     l'encre standard ; la teinte ne sert qu'au filet de 4 px et a la pastille. */
  --ok-produit-safetender: #87ade8;
  --ok-produit-ok-acte:    #fab81c;
  --ok-produit-ok-offre:   #eac06b;
  --ok-produit-ok-marche:  #2a5d92;
  --ok-produit-ok-helios:  #2f4056;
  --ok-produit-parapheur:  #0d9488;
  --ok-produit-defaut:     #96a6b5;

  /* — Formes : le parti pris, en jetons ————————————— */
  --ok-rayon:             0;        /* angles droits, c'est la signature */
  --ok-rayon-tuile:       11px;     /* l'unique exception, relevee sur CDS */
  --ok-filet:             2px;
  --ok-filet-produit:     4px;
  --ok-ombre:             none;     /* jeton valant « none » A DESSEIN : rend
                                       l'absence d'ombre explicite et cherchable */
  --ok-transition:        120ms ease-out;

  /* — Rythme ————————————————————————————————— */
  --ok-pas:               8px;
  --ok-gouttiere:         56px;     /* 16px en mobile, cf. base.css */
  --ok-largeur-max:       1280px;

  /* — Typographie ———————————————————————————————
     --ok-police-active est injectee par inc/polices.php selon la constante
     OMK_SUPPORT_POLICE. Ne jamais ecrire une famille en dur ailleurs. */
  --ok-titre-graisse:     800;
  --ok-titre-interligne:  1.03;
  --ok-titre-approche:    -0.02em;
  --ok-corps-taille:      16px;     /* 15-16px plutot que les 14px de CDS :
                                       un site d'aide se lit longtemps */
  --ok-corps-interligne:  1.6;
  --ok-surtitre-taille:   12px;
  --ok-surtitre-approche: 0.14em;
}