/* ==========================================================================
   scos-ui / tokens — la source des constantes visuelles SCOS
   Monochrome encre/papier · Pretendard (KO) + Inter (EN) · cubes isométriques
   Extrait de SCOS-ds (styles.css) ; tout produit SCOS importe CE fichier.
   La couleur n'existe QUE dans la donnée : le chrome reste encre/papier.
   ========================================================================== */

:root {
  /* Encres */
  --ink:        #1a1a1a;
  --ink-soft:   #333333;
  --ink-mid:    #666666;
  --ink-dim:    #757575;

  /* Règles / filets */
  --rule:       #1a1a1a;
  --rule-soft:  #d4d4d4;

  /* Papiers */
  --paper:      #ffffff;
  --paper-soft: #fafaf9;

  /* Motif cubes (bandeaux uniquement, jamais derrière du texte) */
  --pattern-bg: #d9d9d9;
  --pattern-a:  #d4d4d4;
  --pattern-b:  #dedede;
  --pattern-s:  #c0c0c0;

  /* Sémantique d'état (texte/badges ; la donnée garde ses propres échelles) */
  --ok:         #1a6b3c;
  --warn:       #8a6d00;
  --crit:       #b00020;

  /* Mise en page */
  --page-max: 1180px;
  --gutter:   80px;

  /* Typographie */
  --sans-kr: 'Pretendard', 'Apple SD Gothic Neo', 'Noto Sans KR', system-ui, sans-serif;
  --sans-en: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --sans:    var(--sans-en), var(--sans-kr);

  /* Cadre workbench normalisé (cf. docs/DESIGN_SYSTEM.md) : display a gauche,
     panneau outil a droite. Largeur du panneau ajustée sur grands écrans. */
  --panel-w:  412px;   /* panneau droit, largeur fixe */

  /* Accessibilité 40-60 ans : minima contractuels (cf. docs/CHARTE_UI.md) */
  --fs-body:   15px;   /* corps : jamais en dessous */
  --fs-label:  14px;   /* libellés de formulaire */
  --fs-lead:   19px;   /* accroches */
  --tap-min:   44px;   /* cible tactile minimale */
  --field-h:   50px;   /* hauteur de champ */
  --btn-h:     54px;   /* bouton primaire */
  --focus-w:   3px;    /* épaisseur d'outline focus */
}

@media (max-width: 720px) {
  :root { --gutter: 22px; }
}
