/* css/icons.css — Iconos custom de Robinpad (paralelo a ti-* de Tabler) */

/* §22.6xx.icons — Sistema de iconos propio. Coexiste con Tabler (vendor/icons/tabler-icons.css)
   hasta que se hayan migrado todos los iconos del workspace. Al cerrar la migración
   se borra tabler-icons.css y se eliminan las clases ti-* en todo el HTML. */

/* Uso: <i class="rp-icon rp-NAME"></i>  (doble clase, mismo patrón que "ti ti-*")
   Convenciones:
   - rp-icon: comportamiento (tamaño, color, máscara, alineación)
   - rp-NAME: token del icono (apunta al SVG correspondiente en resources/ui-icons/)
   - El color se hereda via background-color: currentColor → usar color en el padre
     (o class="text-brass" / style="color: var(--brass, #c85a29)" en el propio <i>).
   - SVGs: deben tener paths con fill sólido (cualquier color sirve, la máscara usa
     solo el alpha). Recomendado fill="currentColor" para portabilidad fuera de mask. */

.rp-icon {
  display: inline-block;
  width: 1.70rem;
  height: 1.70rem;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  flex-shrink: 0;
  pointer-events: none;
  transition: background-color 140ms ease;
}

.rp-icon-mini {
  display: inline-block;
  width: 1.20rem;
  height: 1.20rem;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  flex-shrink: 0;
  pointer-events: none;
  transition: background-color 140ms ease;
}

/* Tokens — añadir uno por icono nuevo. Mantén el orden alfabético. */
.rp-brush   { -webkit-mask-image: url('../resources/ui-icons/brush.svg');
                  mask-image: url('../resources/ui-icons/brush.svg'); }
.rp-brushes { -webkit-mask-image: url('../resources/ui-icons/brushes.svg');
                  mask-image: url('../resources/ui-icons/brushes.svg'); }
.rp-close   { -webkit-mask-image: url('../resources/ui-icons/close.svg');
                  mask-image: url('../resources/ui-icons/close.svg'); }
.rp-color   { -webkit-mask-image: url('../resources/ui-icons/color.svg');
                  mask-image: url('../resources/ui-icons/color.svg'); }
.rp-heart   { -webkit-mask-image: url('../resources/ui-icons/heart.svg');
                  mask-image: url('../resources/ui-icons/heart.svg'); }
.rp-layers  { -webkit-mask-image: url('../resources/ui-icons/layers.svg');
                  mask-image: url('../resources/ui-icons/layers.svg'); }
.rp-plus    { -webkit-mask-image: url('../resources/ui-icons/plus.svg');
                  mask-image: url('../resources/ui-icons/plus.svg'); }
.rp-pointer { -webkit-mask-image: url('../resources/ui-icons/pointer.svg');
                  mask-image: url('../resources/ui-icons/pointer.svg'); }
.rp-settings { -webkit-mask-image: url('../resources/ui-icons/settings.svg');
                  mask-image: url('../resources/ui-icons/settings.svg'); }
.rp-smudge  { -webkit-mask-image: url('../resources/ui-icons/smudge.svg');
                  mask-image: url('../resources/ui-icons/smudge.svg'); }
.rp-theme-editor { -webkit-mask-image: url('../resources/ui-icons/theme-editor.svg');
                  mask-image: url('../resources/ui-icons/theme-editor.svg'); }
.rp-trash     { -webkit-mask-image: url('../resources/ui-icons/trash.svg');
                  mask-image: url('../resources/ui-icons/trash.svg'); }
.rp-chest     { -webkit-mask-image: url('../resources/ui-icons/chest.svg');
                  mask-image: url('../resources/ui-icons/chest.svg'); }
.rp-chest-open     { -webkit-mask-image: url('../resources/ui-icons/chest-open.svg');
                  mask-image: url('../resources/ui-icons/chest-open.svg'); }
.rp-maximize     { -webkit-mask-image: url('../resources/ui-icons/maximize.svg');
                  mask-image: url('../resources/ui-icons/maximize.svg'); }
.rp-minimize     { -webkit-mask-image: url('../resources/ui-icons/minimize.svg');
                  mask-image: url('../resources/ui-icons/minimize.svg'); }
.rp-export     { -webkit-mask-image: url('../resources/ui-icons/export.svg');
                  mask-image: url('../resources/ui-icons/export.svg'); }
.rp-eyedropper     { -webkit-mask-image: url('../resources/ui-icons/eyedropper.svg');
                  mask-image: url('../resources/ui-icons/eyedropper.svg'); }
.rp-palette     { -webkit-mask-image: url('../resources/ui-icons/palette.svg');
                  mask-image: url('../resources/ui-icons/palette.svg'); }
.rp-eraser     { -webkit-mask-image: url('../resources/ui-icons/eraser.svg');
                  mask-image: url('../resources/ui-icons/eraser.svg'); }
.rp-scene     { -webkit-mask-image: url('../resources/ui-icons/scene.svg');
                  mask-image: url('../resources/ui-icons/scene.svg'); }
.rp-dirty-brush     { -webkit-mask-image: url('../resources/ui-icons/dirty-brush.svg');
                  mask-image: url('../resources/ui-icons/dirty-brush.svg'); }
.rp-pressure-size-on     { -webkit-mask-image: url('../resources/ui-icons/pressure-size-on.svg');
                  mask-image: url('../resources/ui-icons/pressure-size-on.svg'); }                  
.rp-pressure-size-off     { -webkit-mask-image: url('../resources/ui-icons/pressure-size-off.svg');
                  mask-image: url('../resources/ui-icons/pressure-size-off.svg'); }
.rp-pressure-opacity-on     { -webkit-mask-image: url('../resources/ui-icons/pressure-opacity-on.svg');
                  mask-image: url('../resources/ui-icons/pressure-opacity-on.svg'); }
.rp-pressure-opacity-off     { -webkit-mask-image: url('../resources/ui-icons/pressure-opacity-off.svg');
                  mask-image: url('../resources/ui-icons/pressure-opacity-off.svg'); }
.rp-flow     { -webkit-mask-image: url('../resources/ui-icons/flow.svg');
                  mask-image: url('../resources/ui-icons/flow.svg'); }
.rp-line-smooth     { -webkit-mask-image: url('../resources/ui-icons/line-smooth.svg');
                  mask-image: url('../resources/ui-icons/line-smooth.svg'); }
.rp-clear     { -webkit-mask-image: url('../resources/ui-icons/clear.svg');
                  mask-image: url('../resources/ui-icons/clear.svg'); }
.rp-undo     { -webkit-mask-image: url('../resources/ui-icons/undo.svg');
                  mask-image: url('../resources/ui-icons/undo.svg'); }
.rp-check    { -webkit-mask-image: url('../resources/ui-icons/check.svg');
                  mask-image: url('../resources/ui-icons/check.svg'); }
.rp-redo     { -webkit-mask-image: url('../resources/ui-icons/redo.svg');
                  mask-image: url('../resources/ui-icons/redo.svg'); }
.rp-eye-on     { -webkit-mask-image: url('../resources/ui-icons/eye-on.svg');
                  mask-image: url('../resources/ui-icons/eye-on.svg'); }
.rp-eye-off     { -webkit-mask-image: url('../resources/ui-icons/eye-off.svg');
                  mask-image: url('../resources/ui-icons/eye-off.svg'); }
.rp-chevron-up     { -webkit-mask-image: url('../resources/ui-icons/chevron-up.svg');
                  mask-image: url('../resources/ui-icons/chevron-up.svg'); }
.rp-chevron-down     { -webkit-mask-image: url('../resources/ui-icons/chevron-down.svg');
                  mask-image: url('../resources/ui-icons/chevron-down.svg'); }
.rp-chevron-left     { -webkit-mask-image: url('../resources/ui-icons/chevron-left.svg');
                  mask-image: url('../resources/ui-icons/chevron-left.svg'); }
.rp-chevron-right     { -webkit-mask-image: url('../resources/ui-icons/chevron-right.svg');
                  mask-image: url('../resources/ui-icons/chevron-right.svg'); }
.rp-alpha-lock-on     { -webkit-mask-image: url('../resources/ui-icons/alpha-lock-on.svg');
                  mask-image: url('../resources/ui-icons/alpha-lock-on.svg'); }
.rp-alpha-lock-off     { -webkit-mask-image: url('../resources/ui-icons/alpha-lock-off.svg');
                  mask-image: url('../resources/ui-icons/alpha-lock-off.svg'); }
.rp-lock-layer-off     { -webkit-mask-image: url('../resources/ui-icons/lock-layer-off.svg');
                  mask-image: url('../resources/ui-icons/lock-layer-off.svg'); }
.rp-lock-layer-on     { -webkit-mask-image: url('../resources/ui-icons/lock-layer-on.svg');
                  mask-image: url('../resources/ui-icons/lock-layer-on.svg'); }
.rp-duplicate-layer     { -webkit-mask-image: url('../resources/ui-icons/duplicate-layer.svg');
                  mask-image: url('../resources/ui-icons/duplicate-layer.svg'); }
.rp-dots-vertical     { -webkit-mask-image: url('../resources/ui-icons/dots-vertical.svg');
                  mask-image: url('../resources/ui-icons/dots-vertical.svg'); }
.rp-paste-image     { -webkit-mask-image: url('../resources/ui-icons/paste-image.svg');
                  mask-image: url('../resources/ui-icons/paste-image.svg'); }
.rp-import     { -webkit-mask-image: url('../resources/ui-icons/import.svg');
                  mask-image: url('../resources/ui-icons/import.svg'); }
.rp-filter-noise     { -webkit-mask-image: url('../resources/ui-icons/filter-noise.svg');
                  mask-image: url('../resources/ui-icons/filter-noise.svg'); }
.rp-filter-blur     { -webkit-mask-image: url('../resources/ui-icons/filter-blur.svg');
                  mask-image: url('../resources/ui-icons/filter-blur.svg'); }
.rp-grid     { -webkit-mask-image: url('../resources/ui-icons/grid.svg');
                  mask-image: url('../resources/ui-icons/grid.svg'); }
.rp-play-music     { -webkit-mask-image: url('../resources/ui-icons/play-music.svg');
                  mask-image: url('../resources/ui-icons/play-music.svg'); }
.rp-hue-saturation     { -webkit-mask-image: url('../resources/ui-icons/hue-saturation.svg');
                  mask-image: url('../resources/ui-icons/hue-saturation.svg'); }
.rp-grayscale     { -webkit-mask-image: url('../resources/ui-icons/grayscale.svg');
                  mask-image: url('../resources/ui-icons/grayscale.svg'); }
.rp-brush-creator     { -webkit-mask-image: url('../resources/ui-icons/brush-creator.svg');
                  mask-image: url('../resources/ui-icons/brush-creator.svg'); }
.rp-washi-tape     { -webkit-mask-image: url('../resources/ui-icons/washi-tape.svg');
                  mask-image: url('../resources/ui-icons/washi-tape.svg'); }
.rp-flip     { -webkit-mask-image: url('../resources/ui-icons/flip.svg');
                  mask-image: url('../resources/ui-icons/flip.svg'); }
.rp-gallery     { -webkit-mask-image: url('../resources/ui-icons/gallery.svg');
                  mask-image: url('../resources/ui-icons/gallery.svg'); }
.rp-preview     { -webkit-mask-image: url('../resources/ui-icons/preview.svg');
                  mask-image: url('../resources/ui-icons/preview.svg'); }
.rp-arrow-left     { -webkit-mask-image: url('../resources/ui-icons/arrow-left.svg');
                  mask-image: url('../resources/ui-icons/arrow-left.svg'); }
.rp-refresh     { -webkit-mask-image: url('../resources/ui-icons/refresh.svg');
                  mask-image: url('../resources/ui-icons/refresh.svg'); }
.rp-horizontal-mode    { -webkit-mask-image: url('../resources/ui-icons/horizontal-mode.svg');
                  mask-image: url('../resources/ui-icons/horizontal-mode.svg'); }
.rp-vertical-mode     { -webkit-mask-image: url('../resources/ui-icons/vertical-mode.svg');
                  mask-image: url('../resources/ui-icons/vertical-mode.svg'); }
.rp-drag     { -webkit-mask-image: url('../resources/ui-icons/drag.svg');
                  mask-image: url('../resources/ui-icons/drag.svg'); }
.rp-reset     { -webkit-mask-image: url('../resources/ui-icons/reset.svg');
                  mask-image: url('../resources/ui-icons/reset.svg'); }
.rp-paper     { -webkit-mask-image: url('../resources/ui-icons/paper.svg');
                  mask-image: url('../resources/ui-icons/paper.svg'); }
.rp-depth     { -webkit-mask-image: url('../resources/ui-icons/depth.svg');
                  mask-image: url('../resources/ui-icons/depth.svg'); }
.rp-help     { -webkit-mask-image: url('../resources/ui-icons/help.svg');
                  mask-image: url('../resources/ui-icons/help.svg'); }
.rp-announcement     { -webkit-mask-image: url('../resources/ui-icons/announcement.svg');
                  mask-image: url('../resources/ui-icons/announcement.svg'); }
.rp-feather     { -webkit-mask-image: url('../resources/ui-icons/feather.svg');
                  mask-image: url('../resources/ui-icons/feather.svg'); }
.rp-art-gallery     { -webkit-mask-image: url('../resources/ui-icons/art-gallery.svg');
                  mask-image: url('../resources/ui-icons/art-gallery.svg'); }
.rp-helium-browser     { -webkit-mask-image: url('../resources/ui-icons/helium-browser.svg');
                  mask-image: url('../resources/ui-icons/helium-browser.svg'); }
.rp-t-shirt     { -webkit-mask-image: url('../resources/ui-icons/t-shirt.svg');
                  mask-image: url('../resources/ui-icons/t-shirt.svg'); }
.rp-instagram     { -webkit-mask-image: url('../resources/ui-icons/instagram.svg');
                  mask-image: url('../resources/ui-icons/instagram.svg'); }
.rp-artfol     { -webkit-mask-image: url('../resources/ui-icons/artfol.svg');
                  mask-image: url('../resources/ui-icons/artfol.svg'); }
.rp-deviantart    { -webkit-mask-image: url('../resources/ui-icons/deviantart.svg');
                  mask-image: url('../resources/ui-icons/deviantart.svg'); }
.rp-patreon    { -webkit-mask-image: url('../resources/ui-icons/patreon.svg');
                  mask-image: url('../resources/ui-icons/patreon.svg'); }
.rp-support-heart    { -webkit-mask-image: url('../resources/ui-icons/support-heart.svg');
                  mask-image: url('../resources/ui-icons/support-heart.svg'); }