/* ZAEN — Design Tokens (CSS custom properties)
   由来: 座縁 = 縁が集う一座 / 社名: ZAEN合同会社 · ZAEN LLC
   使い方: このファイルを読み込み、色・書体・余白は必ず var(--zaen-*) を参照する。 */

:root {
  /* ---- Brand palette ---- */
  --zaen-ai:      #1B3A5B; /* 藍 primary */
  --zaen-shu:     #C8432F; /* 朱 accent（差し色・面積〜5%） */
  --zaen-sumi:    #1A1A1A; /* 墨 text/ink */
  --zaen-kinari:  #F6F3EC; /* 生成り base bg */
  --zaen-asa:     #7FA8CF; /* 淡藍 secondary（ダーク背景の線など） */

  /* ---- Functional aliases ---- */
  --zaen-bg:          var(--zaen-kinari);
  --zaen-bg-dark:     #15191E;
  --zaen-surface:     #FFFFFF;
  --zaen-text:        var(--zaen-sumi);
  --zaen-text-muted:  #6B6459;
  --zaen-text-invert: var(--zaen-kinari);
  --zaen-border:      #E5DFD2;
  --zaen-primary:     var(--zaen-ai);
  --zaen-accent:      var(--zaen-shu);
  --zaen-link:        var(--zaen-ai);

  /* ---- Typography ---- */
  --zaen-font-wordmark:     "Futura","Jost","Century Gothic",sans-serif; /* ロゴ再現用。改変不可（原則は同梱SVGを使用） */
  --zaen-font-heading-latin:"Futura","Jost","Century Gothic",sans-serif;
  --zaen-font-heading-jp:   "Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif; /* 見出しは明朝で和の粋 */
  --zaen-font-body:         system-ui,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  --zaen-tracking-wordmark: 0.14em;
  --zaen-tracking-heading:  0.04em;

  /* ---- Radius ---- */
  --zaen-radius-sm: 8px;
  --zaen-radius:    14px;
  --zaen-radius-lg: 18px;

  /* ---- Spacing scale (8pt) ---- */
  --zaen-space-1: 4px;
  --zaen-space-2: 8px;
  --zaen-space-3: 12px;
  --zaen-space-4: 16px;
  --zaen-space-5: 24px;
  --zaen-space-6: 32px;
  --zaen-space-7: 48px;
  --zaen-space-8: 64px;

  /* ---- Elevation ---- */
  --zaen-shadow:    0 6px 20px rgba(27,58,91,0.08);
  --zaen-shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
}

/* Dark surfaces: switch text/borders to light tones. Apply on a wrapper. */
[data-theme="dark"] {
  --zaen-bg:         var(--zaen-bg-dark);
  --zaen-surface:    #1D242C;
  --zaen-text:       var(--zaen-kinari);
  --zaen-text-muted: #8B95A1;
  --zaen-border:     #2A333D;
  --zaen-primary:    var(--zaen-asa);
  --zaen-link:       var(--zaen-asa);
  /* --zaen-accent (朱) はダークでもそのまま使用 */
}