/*
 * Kintsugi / Wabi-Modern — Design tokens
 *
 * Canonical CSS custom properties for every Deerfield Green site.
 * Source of truth: /DESIGN_SYSTEM.md
 *
 * Variable prefix: --kin- (Kintsugi). These are duplicated onto the
 * AstroWind-style --aw- names where an existing site already relies on those,
 * so Kintsugi sites can consume either prefix.
 */

:root {
  /* ── Backgrounds ─────────────────────────────────────── */
  --kin-bg-page:      rgb(244 240 232);  /* washi — default page bg */
  --kin-bg-surface:   rgb(238 232 221);  /* warmer surface, inset sections */
  --kin-bg-sumi:      rgb(23 21 20);     /* sumi black — CTA / closing bands */

  /* ── Text ────────────────────────────────────────────── */
  --kin-text-heading: rgb(17 15 13);
  --kin-text-default: rgb(55 50 45);
  --kin-text-muted:   rgb(107 99 88);
  --kin-text-subtle:  rgb(140 131 118);
  --kin-text-on-sumi: rgb(234 228 216);

  /* ── Lines ───────────────────────────────────────────── */
  --kin-border:       rgb(220 212 200);
  --kin-border-sumi:  rgb(234 228 216 / 22%);

  /* ── Accents ─────────────────────────────────────────── */
  --kin-primary:      rgb(183 138 67);   /* kintsugi gold — lacquer */
  --kin-accent:       rgb(183 138 67);
  --kin-indigo:       rgb(38 58 94);     /* ai-zome — one use per page */

  /* ── Typography ──────────────────────────────────────── */
  --kin-font-display: 'Shippori Mincho', 'Shippori Mincho B1', 'Noto Serif JP',
                      'Hiragino Mincho Pro', 'Yu Mincho', serif;
  --kin-font-body:    'Inter Tight', 'Inter', system-ui, -apple-system,
                      'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --kin-font-mono:    'JetBrains Mono', 'IBM Plex Mono', ui-monospace,
                      SFMono-Regular, Menlo, Monaco, 'Courier New', monospace;

  /* ── Motion ──────────────────────────────────────────── */
  --kin-ease:         cubic-bezier(0.2, 0.7, 0.2, 1);
  --kin-seam-duration: 600ms;

  /* ── Spacing rhythm ──────────────────────────────────── */
  --kin-section-py:     6rem;    /* py-24 */
  --kin-section-py-lg:  9rem;    /* md:py-36 */
  --kin-section-py-sm:  4rem;
  --kin-container-max:  1280px;  /* max-w-7xl */
  --kin-container-px:   1.5rem;  /* px-6 */
  --kin-container-px-lg: 2.5rem; /* md:px-10 */

  /* ── AstroWind compatibility aliases ─────────────────── */
  --aw-color-bg-page:      var(--kin-bg-page);
  --aw-color-bg-surface:   var(--kin-bg-surface);
  --aw-color-bg-sumi:      var(--kin-bg-sumi);
  --aw-color-text-heading: var(--kin-text-heading);
  --aw-color-text-default: var(--kin-text-default);
  --aw-color-text-muted:   var(--kin-text-muted);
  --aw-color-text-subtle:  var(--kin-text-subtle);
  --aw-color-text-on-sumi: var(--kin-text-on-sumi);
  --aw-color-border:       var(--kin-border);
  --aw-color-primary:      var(--kin-primary);
  --aw-color-accent:       var(--kin-accent);
  --aw-color-indigo:       var(--kin-indigo);
}