/* DocketHaven Icon System · helper styles
   Pair with dh-icons.js. Icons inherit color via currentColor. */

.dh {
  width: 20px;
  height: 20px;
  flex: none;
  vertical-align: -0.18em;   /* optical baseline align next to text */
  fill: none;
  stroke: currentColor;       /* color follows surrounding text */
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* size variants */
.dh-14 { width: 14px; height: 14px; }
.dh-16 { width: 16px; height: 16px; }
.dh-18 { width: 18px; height: 18px; }
.dh-20 { width: 20px; height: 20px; }
.dh-24 { width: 24px; height: 24px; }
.dh-32 { width: 32px; height: 32px; stroke-width: 1.6; }

/* semantic colors — set on the svg or any ancestor */
.dh-muted   { color: #5b6680; }
.dh-accent  { color: #2f7fc4; }
.dh-success { color: #1e8a5a; }
.dh-warning { color: #c2820a; }
.dh-danger  { color: #c23b3b; }