/**
 * HARCHI KOLO Design System 1.2
 * Canonical visual tokens for every HARCHI module.
 */
:root{
  --hk-green:#123F2F;
  --hk-green-rgb:18,63,47;
  --hk-green-deep:#0F3729;
  --hk-green-soft:#EAF2ED;
  --hk-gold:#C79A2B;
  --hk-gold-rgb:199,154,43;
  --hk-gold-dark:#A57916;
  --hk-gold-soft:#FFF7DF;
  --hk-ink:#203B31;
  --hk-muted:#65756E;
  --hk-danger:#B33A3A;
  --hk-danger-dark:#982E2E;
  --hk-danger-rgb:179,58,58;
  --hk-surface:#FFFFFF;
  --hk-white-rgb:255,255,255;
  --hk-surface-soft:#F7F9F7;
  --hk-surface-warm:#FCFAF4;
  --hk-border:rgba(18,63,47,.12);
  --hk-border-gold:rgba(199,154,43,.32);
  --hk-shadow-sm:0 7px 20px rgba(18,63,47,.05);
  --hk-shadow-md:0 12px 30px rgba(18,63,47,.09);
  --hk-shadow-lg:0 18px 42px rgba(18,63,47,.15);
  --hk-radius-sm:10px;
  --hk-radius-md:15px;
  --hk-radius-lg:18px;
  --hk-radius-xl:24px;
  --hk-transition:180ms ease;
  --hk-font-display:Georgia,"Times New Roman",serif;
  --hk-font-ui:inherit;
}

/* Reusable primitives for new HARCHI UI. Existing modules can migrate safely over time. */
.hk-ds-card{border:1px solid var(--hk-border-gold);border-radius:var(--hk-radius-lg);background:var(--hk-surface);box-shadow:var(--hk-shadow-sm);color:var(--hk-ink)}
.hk-ds-title{font-family:var(--hk-font-display);color:var(--hk-green)}
.hk-ds-link,.hk-ds-link:visited{color:var(--hk-green);text-decoration:none;transition:color var(--hk-transition)}
.hk-ds-link:hover,.hk-ds-link:focus-visible,.hk-ds-link:active{color:var(--hk-gold-dark)}
.hk-ds-btn,.hk-ds-btn:visited{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--hk-green);border-radius:var(--hk-radius-sm);background:var(--hk-green);color:#fff;text-decoration:none;transition:background var(--hk-transition),border-color var(--hk-transition),color var(--hk-transition),box-shadow var(--hk-transition)}
.hk-ds-btn:hover,.hk-ds-btn:focus-visible,.hk-ds-btn:active{border-color:var(--hk-gold-dark);background:var(--hk-gold-dark);color:#fff;box-shadow:var(--hk-shadow-sm)}
.hk-ds-btn--gold,.hk-ds-btn--gold:visited{border-color:var(--hk-gold);background:var(--hk-gold);color:var(--hk-green-deep)}
.hk-ds-btn--gold:hover,.hk-ds-btn--gold:focus-visible,.hk-ds-btn--gold:active{border-color:var(--hk-green);background:var(--hk-green);color:#fff}