/* ===========================================================================
   醸誌 Kamoshi — Color tokens
   Sampled from Hokusai / Hiroshige ukiyo-e posters.
   Base palette + semantic aliases.
   =========================================================================== */
:root {
  /* --- Base palette (Japanese names) --------------------------------------- */
  --ai-deep:     #102751; /* 藍深  Deep Ai  — base, hero blue        */
  --ai-mid:      #24618b; /* 藍中  Mid Ai   — headings, borders      */
  --ukiyo-blue:  #199fc4; /* 浮世絵ブルー   — vivid accent           */
  --mizu-asagi:  #6bafc2; /* 水浅葱         — soft accent            */
  --sora:        #bad7d9; /* 空            — pale bg, tags           */
  --toki-pink:   #f3439a; /* 朱鷺          — vivid spot color        */
  --washi:       #f9dfc7; /* 和紙          — parchment background    */
  --shiro:       #fcfbfb; /* 白            — main background         */
  --sumi:        #444a4c; /* 墨            — body text               */
  --suna:        #b29e8a; /* 砂            — subtext                 */

  /* --- Tints / derived steps ----------------------------------------------- */
  --ai-deep-90:  #29415f; /* deep ai, lifted             */
  --washi-soft:  #fcf1e6; /* lighter parchment           */
  --washi-deep:  #f0cfb0; /* parchment, deeper           */
  --sora-soft:   #e3eff0; /* near-white sora             */
  --line-washi:  #ecdcc9; /* hairline on parchment       */
  --toki-soft:   #fde3f0; /* pale toki wash              */

  /* --- Semantic surfaces --------------------------------------------------- */
  --surface-page:     var(--shiro);
  --surface-parchment:var(--washi);
  --surface-card:     var(--shiro);
  --surface-ink:      var(--ai-deep);   /* dark hero / footer       */
  --surface-tag:      var(--sora);
  --surface-tag-soft: var(--sora-soft);

  /* --- Semantic text ------------------------------------------------------- */
  --text-body:    var(--sumi);
  --text-heading: var(--ai-mid);
  --text-strong:  var(--ai-deep);
  --text-muted:   var(--suna);
  --text-on-ink:  var(--shiro);
  --text-on-ink-muted: #9db4cf;
  --text-accent:  var(--ukiyo-blue);

  /* --- Semantic lines / borders -------------------------------------------- */
  --border-default: var(--line-washi);
  --border-strong:  var(--ai-mid);
  --border-ink:     rgba(252,251,251,0.16);

  /* --- Accents / interactive ----------------------------------------------- */
  --accent:        var(--ukiyo-blue);
  --accent-hover:  #1487a6;
  --accent-press:  #0f6f8a;
  --spot:          var(--toki-pink);   /* sparing vivid spot       */
  --spot-hover:    #db2f86;

  /* --- Focus ring ---------------------------------------------------------- */
  --ring: 0 0 0 3px rgba(25,159,196,0.30);
}