/* aitzaga.com · tokens du design system (généré par src/ds/extraire_tokens.py, source aitzaga-ds.css sha1 c797bffeda) · ne pas éditer */
@property --age      { syntax: '<color>'; inherits: true; initial-value: #F08A4B; }
@property --age-txt  { syntax: '<color>'; inherits: true; initial-value: #F08A4B; }
:root {
  /* couleurs */
  --af-nuit: #141210; --af-suie: #1E1B18; --af-braise-fond: #2A2520; --af-ligne: #3A332A;
  --af-cuir: #F3ECE0; --af-cuir-2: #CFC4B3; --af-cendre: #9C9184;
  --af-flamme: #D9642B; --af-braise: #F08A4B; --af-givre: #CFE3EE;
  --af-ok: #9FC28A; --af-err: #F0A08A; --af-sur-age: #0F0B08;
  /* âge courant : change toute l'interface */
  --age: #F08A4B; --age-txt: #F08A4B;
  --age-doux: color-mix(in srgb, var(--age) 14%, transparent);
  --age-halo: color-mix(in srgb, var(--age) 38%, transparent);
  /* typo */
  --af-f-voix: "Alegreya", "Iowan Old Style", Georgia, serif;
  --af-f-texte: "Alegreya Sans", "Segoe UI", system-ui, sans-serif;
  --af-f-mono: "Fragment Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  /* mouvement */
  --af-sortie: cubic-bezier(.16, 1, .3, 1);
  --af-balancier: cubic-bezier(.77, 0, .175, 1);
  --af-rebond: cubic-bezier(.3, 1.7, .4, 1);
  --af-d-instant: 90ms; --af-d-vif: 180ms; --af-d-doux: 320ms; --af-d-scene: 640ms; --af-d-age: 1400ms;
  /* forme */
  --af-r-s: 4px; --af-r-m: 8px; --af-r-l: 14px;
  color-scheme: dark;
  transition: --age var(--af-d-age) var(--af-balancier), --age-txt var(--af-d-age) var(--af-balancier);
}
:root {
  /* âges 1..7 (valeur, valeur texte) */
  --af-age-1: #F08A4B; --af-age-txt-1: #F08A4B;
  --af-age-2: #D2A05A; --af-age-txt-2: #D2A05A;
  --af-age-3: #E2C65C; --af-age-txt-3: #E2C65C;
  --af-age-4: #C65A44; --af-age-txt-4: #D4796A;
  --af-age-5: #6FA58C; --af-age-txt-5: #6FA58C;
  --af-age-6: #5B8DEF; --af-age-txt-6: #5B8DEF;
  --af-age-7: #A8E6EC; --af-age-txt-7: #A8E6EC;
}
:root[data-age="1"] { --age: #F08A4B; --age-txt: #F08A4B; }
:root[data-age="2"] { --age: #D2A05A; --age-txt: #D2A05A; }
:root[data-age="3"] { --age: #E2C65C; --age-txt: #E2C65C; }
:root[data-age="4"] { --age: #C65A44; --age-txt: #D4796A; }
:root[data-age="5"] { --age: #6FA58C; --age-txt: #6FA58C; }
:root[data-age="6"] { --age: #5B8DEF; --age-txt: #5B8DEF; }
:root[data-age="7"] { --age: #A8E6EC; --age-txt: #A8E6EC; }
