/* ⚠ FICHIER PARTAGÉ app↔vitrine — SSOT = yokutai-web/css/maison.css. Éditer ICI puis lancer ../sync_shared.sh (2 déploiements Vercel, pas de symlink). */
/* maison.css — SOCLE de design Shizuku / Yokutai (partagé vitrine ② + app ③).
   SSOT couleurs & grades : 0 - Marque/grades.json (maison.colors_by_rank, brands.Yokutai).
   SSOT rendu de grille : 1 - Skills/1 - shizuku-book-pdf/scripts/maison_grid.py.
   Polices AUTO-HÉBERGÉES (CSP font-src 'self' — pas de CDN). woff2 sous-ensemblés. */

/* ── Polices maison (woff2 local, /fonts) ─────────────────────────────────── */
@font-face{font-family:"Fraunces";src:url("../fonts/Fraunces-SemiBold.woff2") format("woff2");
  font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url("../fonts/Lora-Regular.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url("../fonts/Lora-Italic.woff2") format("woff2");
  font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Lora";src:url("../fonts/Lora-SemiBold.woff2") format("woff2");
  font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Sans JP";src:url("../fonts/NotoSansJP-Regular.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap}

/* ── Tokens maison (échelle de gris + crème + 7 grades) ───────────────────── */
:root{
  --paper:#F5F0E8; --paper-2:#EFE9DD;
  --ink:#222; --ink-deep:#1A1A1A; --ink-soft:#707070; --muted:#888; --cachet:#9A9A9A;
  --line:#DDD5C2; --line-soft:#E8E0CE;
  /* 7 couleurs de grade — grades.json maison.colors_by_rank */
  --g1:#6FA46A; --g2:#2F7D4F; --g3:#1E7A7E; --g4:#2C4F9E; --g5:#5E3A78; --g6:#9B2D34; --g7:#17171E;
  /* alias des 3 niveaux de jeu (transition : remplace lieutenant/commandant/general) */
  --grade-facile:var(--g2); --grade-intermediaire:var(--g4); --grade-expert:var(--g6);
  /* familles */
  --display:"Fraunces",Georgia,serif; --body:"Lora",Georgia,serif; --jp:"Noto Sans JP",sans-serif;
  --tap-target:44px;
}

/* ── Primitives partagées ─────────────────────────────────────────────────── */
.seal{font-family:var(--jp);color:var(--muted)}
.kanji{font-family:var(--jp)}
.btn{display:inline-block;font-family:var(--body);font-size:14.5px;text-decoration:none;
  padding:9px 16px;border-radius:999px;border:1px solid var(--ink);color:var(--ink);
  background:transparent;transition:.15s;white-space:nowrap}
.btn:hover{background:var(--ink);color:var(--paper)}
.btn--ghost{border-color:var(--line);color:var(--ink-soft)}
.btn--ghost:hover{background:var(--paper-2);color:var(--ink)}
.btn--solid{background:var(--ink-deep);color:var(--paper);border-color:var(--ink-deep)}
.btn--solid:hover{opacity:.88}