/* =============================================================================
   kodama-habillage.css : GÉNÉRÉ. NE PAS MODIFIER À LA MAIN.
   -----------------------------------------------------------------------------
   Posé par kodama-apps/brand/habillage/scripts/distribuer.mjs --ecrire=portail,
   depuis la source unique brand/habillage/valeurs.mjs (HABILLAGE v1 (2026-10-08)).
   Pour changer une valeur : changer la source, relancer le script, puis incrémenter
   le ?v= de ce fichier dans Portail KODAMA.html et Devis KODAMA.html. La grammaire
   est dans brand/habillage/HABILLAGE.md.

   Chargé APRÈS kodama-tokens.css par les deux pages. Les noms sans préfixe sont
   ceux de La Cabane et de Partenaires Export, aux mêmes valeurs ; les noms --k-*
   sont l'ancienne couche 3 de kodama-tokens.css, devenue des alias.
   ============================================================================= */

:root {
  /* Surfaces, encres, charte, pâles, encres de statut (HABILLAGE.md §2 et §5) */
  --fond: #f4f3ee; /* haut du fond, theme-color, repli de html */
  --carte: #ffffff; /* blanc des contrôles et des réserves */
  --panneau: #f5f1e7; /* badge neutre, zones creusées */
  --encre: #1e1d1a; /* titres et texte courant */
  --encre-2: #66625a; /* labels, méta */
  --encre-douce: #3d3a33; /* libellés forts */
  --papier: #faf9f2; /* encre claire sur le sombre */
  --papier-2: #a9a59b; /* encre claire seconde */
  --papier-3: #9b9890; /* encre claire tierce */
  --trait: #d3ccbb; /* remplissage neutre */
  --passe: #928c80; /* point passé, liseré des champs (3,34:1 sur blanc) */
  --rose-kodama: #e2247a; /* l'anneau de focus de toutes les applis */
  --violet: #7b3f9e; /* violet de la charte */
  --vert-pomme: #4fa838; /* vert de la charte */
  --vert-vif: #6fc23f; /* vert vif de la charte */
  --lime: #bcdc2e; /* lime de la charte */
  --corail: #f0473f; /* corail de la charte, jamais du texte */
  --orange: #f47b34; /* orange de la charte */
  --bleu-esprit: #2e7e94; /* bleu des Esprits, figé le 2026-09-01 */
  --pale-rose: #fbdce8; /* pâle rose */
  --pale-vert: #deedcf; /* pâle vert */
  --pale-lavande: #e6def0; /* pâle lavande */
  --pale-peche: #f6e6ce; /* pâle pêche */
  --pale-bleu: #d6e6f0; /* pâle bleu */
  --pale-lime: #eaf4c9; /* pâle lime */
  --encre-vert: #3d6e1e; /* texte de la famille validé et énergie */
  --encre-bleu: #295f6d; /* texte de la famille information */
  --encre-rose: #a6215b; /* texte rose */
  --encre-violet: #5e3a80; /* texte violet */
  --encre-orange: #8a4b12; /* texte de la famille action attendue */
  --encre-corail: #a2362f; /* texte d'erreur */
  --focus-nuit: #f04a92; /* anneau de focus sur le bandeau ou la carte sombre */
  --ecran: #141611; /* écran d'un terminal */

  /* Alphas nommés, cuits (HABILLAGE.md §3) */
  --encre-3: #66625a99; /* encre-2 à 60 % : placeholders */
  --verre: #ffffffcc; /* carte à 80 % : champs, pistes, lignes d'agenda */
  --verre-plein: #ffffffe6; /* carte à 90 % : groupes, bouton rond */
  --lisere-clair: #ffffffeb; /* carte à 92 % : liseré des cartes et des pilules */
  --filet-doux: #1e1d1a0f; /* encre à 6 % : lignes de liste, survol d'une ligne */
  --filet: #1e1d1a14; /* encre à 8 % : filets internes, bordure par défaut */
  --lisere: #1e1d1a1f; /* encre à 12 % : ligne de temps, guides, liseré des puces */
  --axe: #1e1d1a29; /* encre à 16 % : axes, survol d'une carte cliquable */
  --souligne: #1e1d1a47; /* encre à 28 % : soulignement des liens */
  --nuit-verre: #ffffff14; /* carte à 8 % : bouton rond et filets sur le sombre */
  --nuit-lisere: #ffffff1f; /* carte à 12 % : liseré du bouton rond sur le sombre */
  --souligne-nuit: #faf9f24d; /* papier à 30 % : soulignement sur le sombre */
  --voile: #1e1d1a57; /* encre à 34 % : voile des feuilles */
  --lime-sourd: #bcdc2e99; /* lime à 60 % : texte sourd d'un terminal */

  /* Mesures */
  --rayon: 24px; /* cartes */
  --rayon-petit: 14px; /* lignes et blocs internes */
  --rayon-feuille: 28px; /* feuilles */
  --rayon-groupe: 20px; /* groupes, bandeaux */
  --rayon-champ: 12px; /* champs */
  --pill: 999px; /* pilules */
  --hauteur-bandeau: 52px; /* le bandeau noir collant */

  /* La famille d'accent du portail : violet, teinte OKLCH 311, le violet de son logo (chantier habillage du portail, 2026-10-08) */
  --accent: #e1b5ff; /* vive : points du présent, des sept jours, de l'agenda */
  --accent-haut: #e9c9ff; /* vive : haut du dégradé des pilules, barres et cases d'accent */
  --accent-bas: #ddaaff; /* vive : bas de ce dégradé */
  --accent-encre: var(--encre); /* texte posé sur l'accent */
  --accent-encre-2: #5b416c; /* vive : texte second sur l'accent */
  --accent-pale-haut: #f4e4ff; /* douce : pastilles, badge proche */
  --accent-pale-bas: #eaccff; /* douce : bas du pâle ; jamais encre-2 dessus */
  --accent-lisere: #cc97ef59; /* douce, 35 % : liseré de l'événement en cours */
  --accent-ombre: #a569ca8c; /* vive, 55 % : ombres d'accent */
  --accent-nuit: #e1b5ff; /* vive : sur le noir : menu actif, tag */
  --accent-nuit-sourd: #b181d1; /* vive : sur le noir : menus inactifs */
  --accent-nuit-voile: #e1b5ff21; /* vive, 13 % : sur le noir : fond d'un tag */
  --accent-halo: #f0dcff; /* douce : halo haut droite du fond */
  --accent-halo-doux: #f0dbff80; /* douce, 50 % : halo milieu droite du fond */
  --accent-halo-bas: #ebdbf7; /* douce : halo bas gauche du fond */

  /* Propres au portail : la famille « aux mains d'un tiers » en jaune (A2), le B retenu au STOP 1 */
  --pale-jaune: #f6ebb1; /* fond d'un badge « aux mains d'un tiers » */
  --jaune: #f3d337; /* point, barre et forme « aux mains d'un tiers » ; 1,48:1 sur blanc, toujours cerné */
  --encre-jaune: #6e5800; /* texte d'un badge « aux mains d'un tiers » : 5,70:1 sur son pâle, 6,87:1 sur blanc */

  /* Les composites (HABILLAGE.md §3) */
  --degrade-fond: radial-gradient(1200px 720px at 100% 0%, var(--accent-halo), transparent 62%),
    radial-gradient(900px 760px at 100% 52%, var(--accent-halo-doux), transparent 70%),
    radial-gradient(1000px 680px at 0% 100%, var(--accent-halo-bas), transparent 66%),
    linear-gradient(180deg, #f4f3ee 0%, #f1eee4 55%, #eee9db 100%);
  --degrade-carte: linear-gradient(180deg, #ffffffdb 0%, #ffffff99 100%);
  --ombre-carte: 0 1px 2px #463a1e0d, 0 16px 36px -18px #463a1e3d;
  --degrade-carte-sombre: linear-gradient(165deg, #33312d 0%, #23221f 50%, #1a1917 100%);
  --ombre-carte-sombre: 0 2px 4px #1e1d1a1f, 0 24px 46px -22px #1e1d1aa6;
  --degrade-nav: linear-gradient(180deg, #252422 0%, #1b1b1a 100%);
  --ombre-nav: inset 0 1px 0 #ffffff0a, 0 12px 26px -18px #14120eb3;
  --degrade-pilule-claire: linear-gradient(180deg, #fffffff0 0%, #ffffffb3 100%);
  --ombre-pilule-claire: 0 1px 2px #463a1e0f, 0 8px 20px -10px #463a1e3d;
  --ombre-bouton-rond: 0 1px 2px #463a1e0f, 0 6px 14px -8px #463a1e40;
  --degrade-pilule-encre: linear-gradient(180deg, #3a3934 0%, var(--encre) 100%);
  --ombre-pilule-encre: 0 10px 22px -12px #1e1d1a99, inset 0 1px 0 #ffffff14;
  --degrade-accent: linear-gradient(180deg, var(--accent-haut) 0%, var(--accent-bas) 100%);
  --ombre-pilule-accent: 0 10px 22px -12px var(--accent-ombre), inset 0 1px 0 #ffffff59;
  --degrade-accent-pale: linear-gradient(180deg, var(--accent-pale-haut) 0%, var(--accent-pale-bas) 100%);
  --ombre-evenement: 0 10px 20px -14px var(--accent-ombre);
  --degrade-feuille: linear-gradient(180deg, #fffefa 0%, #f6f4ec 100%);
  --ombre-feuille: 0 30px 80px -24px #1e1d1a80;
  --ombre-colonne: 6px 0 8px -6px #1e1d1a29;
  --degrade-barre: linear-gradient(180deg, #4a4842 0%, var(--encre) 100%);
  --hachure-passe: repeating-linear-gradient(135deg, #1e1d1a1c 0 1.5px, transparent 1.5px 7px);
  --hachure-legende: repeating-linear-gradient(135deg, #1e1d1a38 0 1.5px, transparent 1.5px 5px);
  --ombre-focus: 0 0 0 3px #e2247a2e;

  /* L'ancienne couche 3 de kodama-tokens.css, sous ses noms --k-* : alias des noms communs et jetons propres */
  --k-papier: var(--fond); /* fond de la page, sous le grain (html) */
  --k-panneau: var(--panneau); /* zone creusée, badge neutre */
  --k-trait: var(--trait); /* le trait qui REMPLIT ; les bordures passent aux filets d'encre écran par écran */
  --k-encre-2: var(--encre-2); /* labels, méta */
  --k-encre-3: var(--encre-3); /* placeholders */
  --k-voile: var(--voile); /* voile des feuilles */
  --k-carte-voile: #fffffff2; /* fond de l'en-tête collant, jusqu'à ce que la Coquille le fasse défiler */
  --k-rayon: var(--rayon); /* cartes et feuilles */
  --k-rayon-petit: var(--rayon-petit); /* lignes et blocs internes */
  --k-radius-pill-socle: var(--pill); /* pilules */
  --k-shadow-tampon: 3px 3px 0 0 var(--k-ink); /* bouton tampon posé */
  --k-shadow-tampon-haut: 4px 4px 0 0 var(--k-ink); /* bouton tampon soulevé */
  --k-shadow-tampon-presse: 1px 1px 0 0 var(--k-ink); /* bouton tampon écrasé */
  --k-shadow-modale: var(--ombre-feuille); /* ombre des feuilles et des toasts */
  --k-ease-socle: cubic-bezier(.2,.7,.3,1); /* la courbe du socle */
  --k-duration-socle: 140ms; /* la durée du socle, rien au-delà */
  --k-font-mono-socle: "Space Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace; /* Space Mono, aux seuls écrans de machine */
  --k-bleu-esprit: var(--bleu-esprit); /* bleu des Esprits */
  --k-pale-rose: var(--pale-rose); /* pâle rose */
  --k-pale-vert: var(--pale-vert); /* pâle vert */
  --k-pale-lavande: var(--pale-lavande); /* pâle lavande */
  --k-pale-peche: var(--pale-peche); /* pâle pêche */
  --k-pale-bleu: var(--pale-bleu); /* pâle bleu */
  --k-pale-lime: var(--pale-lime); /* pâle lime */
  --k-ecran: var(--ecran); /* écran des deux terminaux du tableau de bord */
  --k-lime-sourd: var(--lime-sourd); /* seconde intensité du phosphore */
  --k-rail-fait: var(--encre-vert); /* nœud fait */
  --k-rail-action: var(--orange); /* point du nœud où le rôle connecté doit agir (anneau et mot à l'encre, STOP 1) */
  --k-rail-attente: var(--jaune); /* point du nœud aux mains d'un tiers, cerné d'encre (anneau et mot à l'encre, STOP 1) */
  --k-rail-avenir: var(--encre-2); /* nœud à venir */
}