/* Inkso brand colors — traditional Japanese (和色) palette.
 * Themes: tradition · paper making · handwriting · Japanese craftsmanship.
 * Import this file and use the var(--inkso-*) tokens, or the semantic
 * aliases below, anywhere in the app.
 *
 *   <link rel="stylesheet" href="brand/colors.css">
 */

:root {
  /* ---- raw palette tokens ---- */
  --inkso-ai:        #2A4A73; /* Ai indigo (藍)      — primary brand */
  --inkso-sumi:      #211E1C; /* Sumi ink (墨)       — body text, dark UI */
  --inkso-washi:     #F5F0E6; /* Washi paper (和紙)  — page background */
  --inkso-kinari:    #E6DBC9; /* Kinari ecru (生成)  — surfaces, dividers */
  --inkso-shu:       #C0462E; /* Shu vermilion (朱)  — seal / sign accent */
  --inkso-cha:       #8A6A4F; /* Cha brown (茶)      — muted text (optional) */

  /* ---- supporting tints/shades (derived, for hovers & borders) ---- */
  --inkso-ai-hover:  #21405F; /* darker indigo for button hover/active */
  --inkso-ai-tint:   #5B7C99; /* lighter indigo for subtle accents */
  --inkso-shu-hover: #A53B26; /* darker vermilion for hover/active */
  --inkso-divider:   #D9CBB0; /* visible line on washi backgrounds */

  /* ---- semantic aliases (use these in UI code) ---- */
  --brand-primary:        var(--inkso-ai);
  --brand-primary-hover:  var(--inkso-ai-hover);
  --brand-accent:         var(--inkso-shu);     /* signing / seal — use sparingly */
  --brand-accent-hover:   var(--inkso-shu-hover);
  --page-bg:              var(--inkso-washi);
  --surface:              var(--inkso-kinari);
  --divider:              var(--inkso-divider);
  --text-primary:         var(--inkso-sumi);
  --text-muted:           var(--inkso-cha);
  --on-dark:              var(--inkso-washi);    /* text/icons on indigo or sumi */
}