/* ============================================================
   Galerie Yanaka — Design tokens · DA « AIZURI · 藍摺 »
   ------------------------------------------------------------
   DA de l'estampe à l'indigo (aizuri-e). Surface indigo aizuri sourd,
   panneaux washi clairs, accents vermillon (rare), céladon, sumi.
   Les NOMS de variables sont le contrat de main.css — ce sont des SLOTS
   DE RÔLE, pas des intentions de couleur (le nom hérité « gold » porte ici
   un vermillon clarifié, « cobalt » un indigo, etc.) :

     --cobalt / --cobalt-d  → surface principale / profonde (indigo)
     --bone / --bone-d      → texte sur surface sombre ET panneau clair (washi)
     --ink                  → texte sur panneau clair (sumi)
     --gold                 → accent signature LISIBLE SUR INDIGO (labels,
                              <em> de titres, bordures de CTA) → vermillon clarifié
     --crimson              → accent sur PANNEAUX CLAIRS (labels, boutons) → benigara
     --oxblood/-viridian    → profondeur dégradés / céladon
     --field-*              → dégradés « color-field » (vignettes d'œuvres
                              sans repro réelle — cf. inc/images.php)
     --fd / --fb / --fm     → police display / corps / labels

   ⚠️ CONTRASTES WCAG AA — recalculés pour cette palette (ratios sRGB) :
     bone #EFE7D6 / indigo #1B3A5B            = 9.5:1  ✓
     bone-2/-3/-4 (.80/.74/.64) sur indigo    = 6.7 / 6.1 / 5.8:1 ✓
     ink #211D17 / bone                       = full   ✓
     ink-2/-3 (.82/.70) sur bone              = 8.2 / 5.6:1 ✓
     gold #E59A78 (texte) sur indigo          = 5.1:1  ✓
     gold (fond) + ink (texte)                = 7.4:1  ✓  (CTA hover, ::selection)
     crimson #A93C28 (texte/fond) sur bone    = 5.1:1  ✓  (labels, boutons clairs)
   ============================================================ */

:root {
  /* ---- Surface : indigo aizuri ---- */
  --cobalt:    #1B3A5B; /* indigo aizuri — fond principal pleine page */
  --cobalt-d:  #13283D; /* indigo profond — footer, hover cartes, cadres image */
  --bone:      #EFE7D6; /* washi — texte sur indigo + fond éditorial clair */
  --bone-d:    #E3D7BD; /* washi sombre — encarts */
  --ink:       #211D17; /* sumi — texte sur washi */

  /* ---- Accents ---- */
  --gold:      #E59A78; /* vermillon clarifié (corail) — accent signature, LISIBLE sur indigo */
  --crimson:   #A93C28; /* benigara (vermillon profond) — accent sur panneaux clairs */
  --oxblood:   #5E2A20; /* oxblood — profondeur dégradés */
  --viridian:  #6E8A72; /* céladon — accent secondaire / dégradés */

  /* ---- Opacités texte (planchers AA — recalculés, cf. en-tête) ---- */
  --bone-2:  rgba(239,231,214,.80); /* secondaire / chapôs sur indigo */
  --bone-3:  rgba(239,231,214,.74); /* métadonnées sur indigo */
  --bone-4:  rgba(239,231,214,.64); /* bas de footer sur indigo profond */
  --ink-2:   rgba(33,29,23,.82);    /* corps sur washi */
  --ink-3:   rgba(33,29,23,.70);    /* métadonnées sur washi (plancher) */

  /* ---- Filets ---- */
  --rule:      rgba(239,231,214,.18); /* filet sur indigo */
  --rule-ink:  rgba(33,29,23,.14);    /* filet sur washi */

  /* ---- Dégradés nommés (color-field) — déclinaisons indigo aizuri ----
     Vignettes d'œuvres sans repro réelle. L'ukiyo-e étant majoritairement
     dans le domaine public, la plupart des œuvres portent une vraie repro ;
     ces dégradés servent de repli. Palettes par œuvre dans
     elpis_work_palettes() (inc/images.php). */
  --field-1:   radial-gradient(125% 100% at 68% 22%, #2E5C82 0%, #1B3A5B 58%, #13283D 100%);
  --field-2:   radial-gradient(120% 100% at 30% 25%, #24486B 0%, #18324F 55%, #101F30 100%);
  --field-3:   radial-gradient(120% 100% at 60% 25%, #3A6273 0%, #1F4258 55%, #13283D 100%);
  --field-hero:radial-gradient(120% 100% at 70% 25%, #2E5C82 0%, #1B3A5B 60%, #13283D 100%);
  --field-cx:  linear-gradient(150deg, #6E8A72 0%, #1B3A5B 100%);

  /* ---- Typographie (self-hostée, OFL — cf. fonts.css) ----
     Les piles incluent Shippori Mincho en fallback : le contenu japonais
     (titres + corps) doit rendre dans les slots display ET corps.
     main.css utilise exclusivement var(--fd/--fb/--fm). */
  --fd: 'Cormorant Garamond', 'Shippori Mincho', Georgia, 'Times New Roman', serif; /* display / titres */
  --fb: 'Spectral', 'Shippori Mincho', Georgia, 'Times New Roman', serif;           /* corps + rōmaji */
  --fm: 'Spectral', 'Shippori Mincho', Georgia, serif;                              /* labels / méta (uppercase tracké) */

  /* ---- Layout ---- */
  --gutter:    46px;
}