@media screen{

	/* ---- VARIABLES POUR ECRAN -----*/
	:root {


	--symbol: "/";
	--symbol2: "-";
  	--unit: 70px;
  	--sub-unit: 17.5px;

    --fontFamily: 'Routed Gothic', sans-serif;
    --fontTitle: "Teletext";
    --ratio : auto;


    --baseline: 24px;
    --unit: 56px;

    /* clamp(min, pente-en-vw + ordonnée, max). */
    --font-size: clamp(1rem, 0.958rem + 0.178vw, 1.125rem); /* 16px → 18px */
    --fs-title: clamp(1.25rem, 1.125rem + 0.533vw, 1.625rem); /* 20px → 26px */
    --fs-infos: clamp(0.75rem, 0.708rem + 0.178vw, 0.875rem); /* 12px → 14px */
    --fs-notes: clamp(0.8125rem, 0.771rem + 0.178vw, 0.9375rem); /* 13px → 15px */

    --lh-notes: 20px;


    --fs-nav: clamp(0.8rem, 1.5vh, 1rem); /* 11px → 16px */
    --fs-cover: clamp(0.8rem, 1.5vh, 1.25rem); /* 10px → 20px */
    --sidebar-width: calc(var(--unit) * 6.5);

    /* Variante de --copper assombrie pour un usage en texte : ~6,7:1 sur
       blanc (--copper seul plafonne à ~3,7:1, sous le seuil AA de 4,5:1). */
    --copper-text: rgb(96, 91, 85);

    --copper-cover: rgba(137,131,125,0.55);



     --sign-family: var(--fontTitle);
  --sign-size: 14px;
  --sign-baseline: 18px;
  --sign-spacing: 7.5px;
  --sign-spacing-dots: 7px;
  --sign-color: var(--color-text);


   --indent: 50px;

    --max-content: 42rem;
    --padding-inline-page: 15px;

    --color-text: white;
    --color-bg: #111;
    --color-hover: #6afa07;
    --color-hover: var(--copper-text);
  }


  body{
    font-size: var(--font-size);
    background-color: var(--color-bg);
    color: var(--color-text);
  }

}


  .terminal__cursor {
    display: inline-block;
    width: 1ch;
    height: 1em;
    margin-left: 1px;
    background: currentColor;
    vertical-align: -0.12em;
    animation: margin-ascii-blink 1s steps(1) infinite;
  }