/* YAPPARI — design tokens « TELOP » (source de vérité) */
:root {
  /* Palette (exacte — ne pas dériver d'autres teintes) */
  --studio: #FFFFFF;   /* fond principal */
  --sumi:   #111114;   /* texte, bandeaux inversés */
  --sokuho: #E60012;   /* RÉSERVÉ breaking + météo/séismes — jamais décoratif */
  --bleu-jt:#0B4EA2;   /* politique, barre de marque, liens */
  --jaune:  #FFD900;   /* surlignage <mark>, accents régie */
  --vert:   #00885A;   /* société */
  --or:     #B8860B;   /* économie */
  --violet: #7B2D8E;   /* culture */

  /* Variantes sombres (fonds de miniatures uniquement) */
  --bleu-thumb:   #083063;
  --or-thumb:     #6E4E06;
  --vert-thumb:   #00553B;
  --rouge-thumb:  #9B000E;
  --violet-thumb: #4E1C5C;

  /* Neutres UI */
  --gris-texte:  #3F3F46;  /* méta, légendes (AA sur blanc) */
  --gris-clair:  #C9C9CF;  /* texte secondaire sur sumi */
  --filet:       #DEDEE3;  /* hairlines listes */
  --skeleton:    #E4E4E9;

  /* Typographie */
  --font-display: 'Archivo', 'Arial Narrow', sans-serif;    /* 900, font-stretch 62–75% */
  --font-corps:   'Instrument Sans', system-ui, sans-serif;
  --font-mono:    'IBM Plex Mono', monospace;               /* tabular-nums */
  --font-jp:      'Noto Sans JP', sans-serif;               /* 900 cartouches */
  --font-jp-serif:'Shippori Mincho', 'Hiragino Mincho ProN', 'Yu Mincho', serif; /* tategaki */

  /* Échelle type (px) */
  --t-h1: clamp(32px, 4.2vw, 54px);
  --t-h2-obi: 27px;
  --t-card: 21px;
  --t-corps: 16px;
  --t-depeche: 13.5px;
  --t-meta: 11px;

  /* Espacements */
  --s-1: 8px; --s-2: 12px; --s-3: 16px; --s-4: 24px; --s-5: 32px;
  --conteneur: 1360px;

  /* Mouvement « régie TV » */
  --ease-regie: cubic-bezier(0.2, 0, 0, 1);
  --d-micro: 150ms;   /* hover cartes, dépêches */
  --d-sweep: 180ms;   /* balayage <mark> */
  --d-roll:  220ms;   /* roulette horloges */
  --d-layout: 300ms;  /* L字, reveal sections — max 400ms */

  /* Interdits : border-radius (toujours 0), dégradés visibles, ombres douces */
  --radius: 0;
}