/* ===========================================================================
   Icons for the d skin.

   Each is an inline data-URI SVG used as a CSS mask, so the icon takes the
   colour of --primary and costs zero network requests — important for SMS
   traffic landing on mobile data.

   Questions pick one with  style="--q-icon: var(--icon-pin)"  on the .node.
   =========================================================================== */

:root {
	--icon-pin:      url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/%3E%3Ccircle cx="12" cy="10" r="3"/%3E%3C/svg%3E');

	--icon-calendar: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3" y="5" width="18" height="16" rx="2"/%3E%3Cpath d="M3 10h18M8 3v4M16 3v4"/%3E%3C/svg%3E');

	--icon-car:      url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M5 17h14M3 17v-4l2-5a2 2 0 0 1 2-1h10a2 2 0 0 1 2 1l2 5v4"/%3E%3Ccircle cx="7.5" cy="17" r="1.8"/%3E%3Ccircle cx="16.5" cy="17" r="1.8"/%3E%3Cpath d="M4 12h16"/%3E%3C/svg%3E');

	--icon-key:      url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="8" cy="15" r="4"/%3E%3Cpath d="M10.8 12.2 21 2m-4 4 2.5 2.5M14 9l2.5 2.5"/%3E%3C/svg%3E');

	--icon-plus:     url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="12" cy="12" r="9"/%3E%3Cpath d="M12 8v8M8 12h8"/%3E%3C/svg%3E');

	--icon-shield:   url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M12 3l7 3v6c0 4.5-3 8-7 9-4-1-7-4.5-7-9V6l7-3Z"/%3E%3C/svg%3E');

	--icon-home:     url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M3 11l9-7 9 7"/%3E%3Cpath d="M5 10v10h14V10"/%3E%3Cpath d="M10 20v-6h4v6"/%3E%3C/svg%3E');

	--icon-cake:     url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M4 21h16v-6a3 3 0 0 0-3-3H7a3 3 0 0 0-3 3v6Z"/%3E%3Cpath d="M12 12V8M9 8V6M15 8V6M4 17h16"/%3E%3C/svg%3E');

	--icon-rings:    url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="9" cy="14" r="5"/%3E%3Ccircle cx="15" cy="14" r="5"/%3E%3Cpath d="M15 4l2 3h-4l2-3Z"/%3E%3C/svg%3E');

	--icon-flag:     url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M5 21V4"/%3E%3Cpath d="M5 5h11l-1.5 3.5L16 12H5"/%3E%3C/svg%3E');

	--icon-id:       url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3" y="5" width="18" height="14" rx="2"/%3E%3Ccircle cx="9" cy="11" r="2"/%3E%3Cpath d="M6 16c.6-1.5 1.8-2 3-2s2.4.5 3 2M15 10h4M15 14h3"/%3E%3C/svg%3E');

	--icon-user:     url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="12" cy="8" r="4"/%3E%3Cpath d="M4 21c0-4 3.6-6 8-6s8 2 8 6"/%3E%3C/svg%3E');

	--icon-mail:     url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3" y="5" width="18" height="14" rx="2"/%3E%3Cpath d="m3 7 9 6 9-6"/%3E%3C/svg%3E');

	--icon-phone:    url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M6 3h3l2 5-2.5 1.5a12 12 0 0 0 6 6L16 13l5 2v3a2 2 0 0 1-2.2 2A17 17 0 0 1 4 5.2 2 2 0 0 1 6 3Z"/%3E%3C/svg%3E');

	--icon-back:     url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="m14 6-6 6 6 6"/%3E%3C/svg%3E');
}