/*
 * SCHILLER Media Previews — shared folder icon set.
 *
 * FileBird shows folders in two completely different places, with different markup:
 *
 *   wp-admin media library sidebar   #filebird-tree            (see folder-tree.css)
 *   front-end document library       #filebird-document-library (see document-library.css)
 *
 * Both want the same pictures, so the images live here once as custom properties and each
 * stylesheet applies them with its own selectors. To add an icon: add a variable here, then one
 * block in each of the two stylesheets (or just the one you care about).
 *
 * Inline SVG data URIs — no extra requests, no icon font. Inside a data URI, write `#` as `%23`
 * and `<` `>` as `%3C` `%3E`. Color is baked into the SVG's stroke attribute.
 */
:root {
  /* Marketing Materials — megaphone (accent green) */
  --sgc-icon-marketing: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23047857' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11v2a1 1 0 0 0 1 1h2l4 4V6L6 10H4a1 1 0 0 0-1 1z'/%3E%3Cpath d='M14 8a5 5 0 0 1 0 8'/%3E%3Cpath d='M17 5a9 9 0 0 1 0 14'/%3E%3C/svg%3E");

  /* Logos (and "Logo's") — framed image */
  --sgc-icon-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='8.5' cy='9.5' r='1.5'/%3E%3Cpath d='M21 16l-5-5-9 9'/%3E%3C/svg%3E");

  /* Hang Tags — tag */
  --sgc-icon-tag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12.5V4h-8.5L3 12.5 11.5 21z'/%3E%3Ccircle cx='16' cy='8' r='1.4'/%3E%3C/svg%3E");

  /* Photo sets (Examples of Dethatching) — camera */
  --sgc-icon-camera: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l1.5-2h7L17 8h3a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3Ccircle cx='12' cy='13' r='3.2'/%3E%3C/svg%3E");
}