/*
 * ESSENTIALS CREATIVE · TOKENS CSS
 * Generated equivalent of tokens.json · DTCG v1.0
 * v0.3.0 · 2026-05-28
 *
 * Build from source:  npx style-dictionary build
 * Source of truth:    tokens.json
 * Do not edit this file by hand once the build runs.
 * Hand-maintained until Style Dictionary is installed.
 */

:root {
  /* ─── REF · raw values ──────────────────────────────────────── */

  --ec-ref-ink-aijiro:    #EBF6F7;
  --ec-ref-ink-sumi:      #1A1715;
  --ec-ref-ink-torinoko:  #E8D7B4;
  --ec-ref-ink-shu:       #E03A12;
  --ec-ref-ink-ai:        #1F3A40;
  --ec-ref-ink-suo:       #7E2639;
  --ec-ref-ink-wakatake:  #5E8456;
  --ec-ref-ink-kihada:    #E8B530;
  --ec-ref-ink-fuji:      #7C6A92;
  --ec-ref-ink-kohaku:    #B8601F;
  --ec-ref-ink-mizu:      #6E9892;
  --ec-ref-ink-rurikon:   #1B294B;
  --ec-ref-ink-matsuba:   #454D32;
  --ec-ref-ink-murasaki:  #4F284B;

  --ec-ref-spacing-ma-1:  0.5rem;
  --ec-ref-spacing-ma-2:  1rem;
  --ec-ref-spacing-ma-3:  1.5rem;
  --ec-ref-spacing-ma-4:  2rem;
  --ec-ref-spacing-ma-5:  3rem;
  --ec-ref-spacing-ma-6:  4rem;
  --ec-ref-spacing-ma-7:  5rem;

  --ec-ref-type-display:  "CrayonetteDJR", "JackFY", "Bodoni Moda", Georgia, serif;
  --ec-ref-type-text:     "RailroadGothicATF", "Agenda", "Inter", -apple-system, sans-serif;
  --ec-ref-type-mono:     ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;

  /* ─── SYS · semantic roles ──────────────────────────────────── */

  --ec-sys-color-page:           var(--ec-ref-ink-aijiro);
  --ec-sys-color-page-warm:      var(--ec-ref-ink-torinoko);
  --ec-sys-color-page-night:     var(--ec-ref-ink-rurikon);
  --ec-sys-color-page-inverted:  var(--ec-ref-ink-sumi);
  --ec-sys-color-key:            var(--ec-ref-ink-sumi);
  --ec-sys-color-text:           var(--ec-ref-ink-sumi);
  --ec-sys-color-text-muted:     var(--ec-ref-ink-matsuba);
  --ec-sys-color-link:           var(--ec-ref-ink-ai);

  --ec-sys-color-accent-shu:      var(--ec-ref-ink-shu);
  --ec-sys-color-accent-kihada:   var(--ec-ref-ink-kihada);
  --ec-sys-color-accent-suo:      var(--ec-ref-ink-suo);
  --ec-sys-color-accent-wakatake: var(--ec-ref-ink-wakatake);
  --ec-sys-color-accent-fuji:     var(--ec-ref-ink-fuji);
  --ec-sys-color-accent-kohaku:   var(--ec-ref-ink-kohaku);
  --ec-sys-color-accent-mizu:     var(--ec-ref-ink-mizu);

  --ec-sys-color-overprint-1:    var(--ec-ref-ink-murasaki);

  --ec-sys-ma-tight:    var(--ec-ref-spacing-ma-2);
  --ec-sys-ma-default:  var(--ec-ref-spacing-ma-4);
  --ec-sys-ma-section:  var(--ec-ref-spacing-ma-6);
  --ec-sys-ma-panel:    var(--ec-ref-spacing-ma-7);
}

/* ─── COMP · composition rules expressed as utility classes ───── */

.ec-kappazuri { /* base canvas: max 2 inks + 1 spark · misregister · halftone-after-type */ }
.ec-kamon-frame {
  /* fits a circle · 10px gutter · evenodd carving · single ink */
  fill-rule: evenodd;
}
.ec-spark { color: var(--ec-sys-color-accent-shu); }
.ec-spark-kihada { color: var(--ec-sys-color-accent-kihada); }
.ec-spark-suo { color: var(--ec-sys-color-accent-suo); }
.ec-spark-wakatake { color: var(--ec-sys-color-accent-wakatake); }
.ec-spark-fuji { color: var(--ec-sys-color-accent-fuji); }
.ec-spark-kohaku { color: var(--ec-sys-color-accent-kohaku); }
.ec-spark-mizu { color: var(--ec-sys-color-accent-mizu); }