/* ===========================================
   AINA Technology - Icon System (SVG-based)
   ===========================================
   
   Verwendung:
   <span class="icon icon-envelope"></span>
   
   Mit Text:
   <span class="icon icon-envelope"></span> E-Mail
   
   In Buttons:
   <button class="btn"><span class="icon icon-envelope"></span> Senden</button>
   
   Größen:
   icon-sm (0.875rem), icon (1rem default), icon-lg (1.5rem), icon-xl (2rem)
   
   Icons hinzufügen:
   1. SVG von z.B. heroicons.com oder fontawesome.com holen
   2. URL-encode (https://yoksel.github.io/url-encoder/)
   3. Als --icon-NAME Variable einfügen
   =========================================== */

:root {
    /* === ICON DEFINITIONS === */
    
    /* Navigation & Arrows */
    --icon-arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='currentColor' d='M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8V64c0-17.7-14.3-32-32-32s-32 14.3-32 32v306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E");
    --icon-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h306.7L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E");
    --icon-arrow-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H109.3l105.3-105.4c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'/%3E%3C/svg%3E");
    
    /* Communication */
    --icon-envelope: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4l217.6 163.2c11.4 8.5 27 8.5 38.4 0l217.6-163.2c12.1-9.1 19.2-23.3 19.2-38.4 0-26.5-21.5-48-48-48H48zM0 176v208c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64V176L294.4 339.2a63.9 63.9 0 0 1-76.8 0L0 176z'/%3E%3C/svg%3E");
    --icon-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64c0 247.4 200.6 448 448 448 18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368c-70.4-33.3-127.4-90.3-160.7-160.7l49.3-40.3c13.7-11.2 18.4-30 11.6-46.3l-40-96z'/%3E%3C/svg%3E");
    --icon-paper-plane: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1s-20.3-16.5-20.3-29.8V376c0-8.5 3.4-16.6 9.4-22.6L googl347.7 177.2c4.5-4.5 4.5-11.8 0-16.3-4.5-4.5-11.8-4.5-16.3 0L117.8 339.6 24.3 297.6c-12.1-5.2-19.8-17.1-19.8-30.4s7.7-25.3 19.8-30.4l448-192c10.5-4.5 22.7-2.9 31.8 4z'/%3E%3C/svg%3E");
    --icon-comments: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='currentColor' d='M208 352c114.9 0 208-78.8 208-176S322.9 0 208 0 0 78.8 0 176c0 38.6 14.7 74.3 39.6 103.4-3.5 9.4-8.7 17.7-14.2 24.7-4.8 6.2-9.7 11-13.3 14.3-1.8 1.6-3.3 2.9-4.3 3.7-.5.4-.9.7-1.1.8l-.2.2s0 0 0 0C2.6 325.2 0 329.4 0 334c0 8.8 7.2 16 16 16 21.8 0 43.8-5.6 62.1-12.5 9.2-3.5 17.8-7.4 25.2-11.4 2.6 2.6 5.2 5.2 8 7.6 36.8 31.5 85.5 50.3 138.7 50.3h16c0 123.7-100.3 224-224 224-28.3 0-55-5.8-79.4-16.1 40.5 50.4 102.4 82.1 171.4 82.1 31.3 0 61-6.5 88-18.2-1.3 5.1-2 10.5-2 16 0 35.3 28.7 64 64 64 23.7 0 44.3-12.9 55.4-32h56.6c11.1 19.1 31.7 32 55.4 32 35.3 0 64-28.7 64-64 0-5.5-.7-10.9-2-16 27 11.7 56.7 18.2 88 18.2 123.7 0 224-100.3 224-224 0-70.7-32.9-133.8-84.2-175 .1-2.6.2-5.3.2-8 0-97.2-93.1-176-208-176-65.2 0-122.2 24.3-159.8 62.3C153 31.2 112.5 0 64 0 28.7 0 0 28.7 0 64c0 5.5.7 10.9 2 16C74.8 68.2 145.2 64 208 64c105.3 0 192 65.5 192 160 0 17-3.2 33.4-9.1 48.8-4.8 12.5.7 26.5 12.8 32.3s26.5.7 32.3-12.8c8.1-21.3 12.3-44.2 12.3-68.2 0-73.5-50.7-136.5-122.5-166.5C349.2 31.2 389.7 0 432 0c35.3 0 64 28.7 64 64 0 5.5-.7 10.9-2 16 27-11.7 56.7-18.2 88-18.2 123.7 0 224 100.3 224 224S594.3 510 470.6 510c-69 0-130.9-31.7-171.4-82.1-24.4 10.3-51.1 16.1-79.4 16.1-123.7 0-224-100.3-224-224z'/%3E%3C/svg%3E");
    --icon-headset: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M256 48C141.1 48 48 141.1 48 256v40c0 13.3-10.7 24-24 24s-24-10.7-24-24V256C0 114.6 114.6 0 256 0s256 114.6 256 256v40c0 13.3-10.7 24-24 24s-24-10.7-24-24V256c0-114.9-93.1-208-208-208zm-80 256v64c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V304c0-17.7 14.3-32 32-32h48c17.7 0 32 14.3 32 32zm240-32c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32h-48c-17.7 0-32-14.3-32-32V304c0-17.7 14.3-32 32-32h48z'/%3E%3C/svg%3E");
    
    /* Business & Finance */
    --icon-euro-sign: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M48.1 240c-.1 2.7-.1 5.3-.1 8 0 2.7 0 5.3.1 8H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h28.3C75.5 391.5 143.2 448 224 448c44.5 0 85.3-15.3 117.6-40.9 12.7-10.1 14.9-28.6 4.8-41.3-10.1-12.7-28.6-14.9-41.3-4.8C280.4 380.5 253.3 392 224 392c-47.6 0-88.5-31.3-102.7-74H224c17.7 0 32-14.3 32-32s-14.3-32-32-32H109c-.1-2.6-.1-5.3-.1-8s0-5.4.1-8H224c17.7 0 32-14.3 32-32s-14.3-32-32-32H121.3c14.2-42.7 55.1-74 102.7-74 29.3 0 56.4 11.5 76.1 31.1 12.7 12.6 33.3 12.6 45.9-.1 12.6-12.7 12.6-33.3-.1-45.9C310.9 47.3 269.3 32 224 32 143.2 32 75.5 88.5 60.3 160H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h16.1z'/%3E%3C/svg%3E");
    --icon-hand-holding-euro: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='currentColor' d='M312 24V34.5c6.4 1.2 12.6 2.7 18.2 4.2 12.8 3.4 20.4 16.6 17 29.4s-16.6 20.4-29.4 17c-10.9-2.9-21.1-4.9-30.2-5-22.8-.3-40.6 8.4-50.6 23.8-9.8 15-13.2 35.4-8.9 58.4 3.9 20.9 14.2 34.1 30.4 42.2 16.2 8.1 38.5 11.5 66.5 9.5l-.1-1.6c-1.2-18.5 12.7-34.5 31.2-35.8 18.5-1.2 34.5 12.7 35.8 31.2l1.5 24c.4 5.5-.4 10.9-2.2 16.1 14.1 8.3 24.7 20.1 31.6 33.8 9.6 18.9 11.2 40.3 8.2 60.7-3 20.5-10.9 41.3-23.7 58.9-12.9 17.7-31.4 33.2-55.4 41.6V472c0 13.3-10.7 24-24 24s-24-10.7-24-24V462.1c-24.5-3.8-46.9-12.3-67.3-24.5-11.5-6.9-15.3-21.8-8.4-33.4 6.9-11.5 21.8-15.3 33.4-8.4 15.9 9.5 33.2 15.8 52 18.1 41.2 4.9 71.5-10.6 82.7-31.5 5.7-10.6 8.5-23.5 7.2-36.5-1.3-12.8-6.1-24.3-14.3-31.9-2.4-2.2-4.9-4-7.6-5.3-32.4 3.1-63.9-.6-91-12.1-32.3-13.7-57.1-40.3-65.6-78-8.9-39.4-2.4-76.6 19.4-103.2 17.6-21.5 43-35.5 74.5-40.2V24c0-13.3 10.7-24 24-24s24 10.7 24 24zM0 379.1c0-16.7 6.9-32.6 19.2-43.9l123.2-114c15.2-14.1 38.7-13.2 52.7 2.1 14.1 15.2 13.2 38.7-2.1 52.7L86.5 376.9c-1.5 1.4-2.5 3.4-2.5 5.6 0 4.2 3.4 7.5 7.5 7.5H216c52.4 0 94.6 43.3 93.9 96-.7 51.9-43.4 93-95.3 93H48c-26.5 0-48-21.5-48-48V379.1z'/%3E%3C/svg%3E");
    --icon-certificate: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M211 7.3C205 1 196-1.4 187.6.8s-14.9 8.9-17.1 17.3l-15.8 62.5-62-17.5c-8.4-2.4-17.4 0-23.5 6.1s-8.5 15.1-6.1 23.5l17.5 62-62.5 15.8c-8.4 2.1-14.9 8.6-17.1 17.1s.2 17.5 6.5 23.5l45.8 48.8-45.8 48.8c-6.3 6.7-8.5 16.2-5.6 24.7s10.3 14.7 19.1 16.1l65.4 10.3-10.3 65.4c-1.4 8.8 2.7 17.5 10.5 22.2s17.6 4.9 25.4.6L192 428.9l50.7 33c7.8 5.1 17.9 4.8 25.4-.6s11.9-14.6 10-23.6l-13.8-64.6 64.6-13.8c9-1.9 16.3-8.6 18.7-17.4s-.3-18.4-7.1-24.7L288.4 268l52.1-49.4c6.8-6.4 9.5-15.9 7.1-24.7s-9.7-15.5-18.7-17.4l-64.6-13.8 13.8-64.6c1.9-9-1.5-18.3-8.9-23.5s-17.4-5.5-25.5-.4L192 107.1 141.3 74.1c-7.8-5.1-17.9-4.8-25.4.6s-11.9 14.6-10 23.6L120.2 163 55.6 176.8c-9 1.9-16.3 8.6-18.7 17.4s.3 18.4 7.1 24.7L96.1 268 44 317.4c-6.8 6.4-9.5 15.9-7.1 24.7s9.7 15.5 18.7 17.4l64.6 13.8L106.4 438c-1.9 9 1.5 18.3 8.9 23.5s17.4 5.5 25.5.4L192 428.9l51.3 33.1c8.1 5.2 18.5 5.4 26.8.4s13.2-14.8 11.4-24.1l-12.2-65.3 65.3-12.2c9.3-1.7 16.8-8.5 19.3-17.5s-.1-18.6-6.7-25L294.8 268l52.5-49.6c6.6-6.2 9.2-15.5 6.8-24.4s-9.5-15.6-18.4-17.4l-65.3-13 12.2-65.3c1.7-9.3-.5-18.9-6.2-26.1s-14.4-11.4-23.7-11.4H240c-9.3 0-18.1 4.2-24 11.4l-42 52.5L128.5 80.5c-5.8-7.2-14.6-11.4-24-11.4H92c-9.3 0-18.1 4.2-24 11.4l-42 52.5-11.4-48c-2.4-10.2-11.9-17.4-22.4-17s-19.2 8.4-20.7 18.8l-15.8 109.9C-46.7 214.4-45 232.9-37.5 249.8z'/%3E%3C/svg%3E");
    --icon-graduation-cap: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='currentColor' d='M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9V320c0 28.4-10.8 57.7-22.3 80.8-6.5 13-13.9 25.8-22.5 37.6-3.2 4.3-4.1 9.9-2.3 15s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7.3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7-3.2-14.2-7.5-28.7-13.5-42v-24.6c0-30.2 10.2-58.7 27.9-81.5 12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5.8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1l280.6-101c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1c-7.6-2.7-15.6-4.1-23.7-4.1zM128 408c0 35.3 86 72 192 72s192-36.7 192-72l-15.3-145.4L354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6l-142.2-51.4L128 408z'/%3E%3C/svg%3E");
    
    /* Technology & Tools */
    --icon-brain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M184 0c30.9 0 56 25.1 56 56v400c0 30.9-25.1 56-56 56-28.9 0-52.7-21.9-55.7-50.1-5.2 1.4-10.7 2.1-16.3 2.1-35.3 0-64-28.7-64-64 0-7.4 1.3-14.6 3.6-21.2C21.4 367.4 0 338.2 0 304c0-31.9 18.7-59.5 45.8-72.3C37.1 220.8 32 207 32 192c0-30.7 21.6-56.3 50.4-62.6C80.8 123.9 80 118 80 112c0-29.9 20.6-55.1 48.3-62.1C131.3 21.9 155.1 0 184 0zm40 512h128V352H224v160zm312-198.8c22.8 12.8 40 40.4 40 72.8 0 34.2-21.4 63.4-51.6 74.8 2.3 6.6 3.6 13.8 3.6 21.2 0 35.3-28.7 64-64 64-5.6 0-11.1-.7-16.3-2.1-3 28.2-26.8 50.1-55.7 50.1-30.9 0-56-25.1-56-56V56c0-30.9 25.1-56 56-56 28.9 0 52.7 21.9 55.7 50.1 5.2-1.4 10.7-2.1 16.3-2.1 35.3 0 64 28.7 64 64 0 6-0.8 11.9-2.4 17.4 28.8 6.2 49.4 31.8 49.4 61.6 0 15-5.1 28.8-13.8 39.7z'/%3E%3C/svg%3E");
    --icon-robot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='currentColor' d='M320 0c17.7 0 32 14.3 32 32v64h120c39.8 0 72 32.2 72 72v56c35.3 0 64 28.7 64 64v96c0 35.3-28.7 64-64 64h-8v72c0 13.3-10.7 24-24 24H440c-13.3 0-24-10.7-24-24v-72H224v72c0 13.3-10.7 24-24 24H128c-13.3 0-24-10.7-24-24v-72h-8c-35.3 0-64-28.7-64-64V288c0-35.3 28.7-64 64-64v-56c0-39.8 32.2-72 72-72h120V32c0-17.7 14.3-32 32-32zm-88 256a40 40 0 1 0-80 0 40 40 0 1 0 80 0zm168 40a40 40 0 1 0 0-80 40 40 0 1 0 0 80zM184 336c0 13.3 10.7 24 24 24h224c13.3 0 24-10.7 24-24s-10.7-24-24-24H208c-13.3 0-24 10.7-24 24z'/%3E%3C/svg%3E");
    --icon-microchip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M176 24c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c-35.3 0-64 28.7-64 64H24c-13.3 0-24 10.7-24 24s10.7 24 24 24h40v56H24c-13.3 0-24 10.7-24 24s10.7 24 24 24h40v56H24c-13.3 0-24 10.7-24 24s10.7 24 24 24h40c0 35.3 28.7 64 64 64v40c0 13.3 10.7 24 24 24s24-10.7 24-24v-40h56v40c0 13.3 10.7 24 24 24s24-10.7 24-24v-40h56v40c0 13.3 10.7 24 24 24s24-10.7 24-24v-40c35.3 0 64-28.7 64-64h40c13.3 0 24-10.7 24-24s-10.7-24-24-24h-40V280h40c13.3 0 24-10.7 24-24s-10.7-24-24-24h-40V176h40c13.3 0 24-10.7 24-24s-10.7-24-24-24h-40c0-35.3-28.7-64-64-64V24c0-13.3-10.7-24-24-24s-24 10.7-24 24v40H280V24c0-13.3-10.7-24-24-24s-24 10.7-24 24v40H176V24zm-48 136c0-17.7 14.3-32 32-32h192c17.7 0 32 14.3 32 32v192c0 17.7-14.3 32-32 32H160c-17.7 0-32-14.3-32-32V160z'/%3E%3C/svg%3E");
    --icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='currentColor' d='M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z'/%3E%3C/svg%3E");
    --icon-drafting-compass: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M352 96c0 14.3-3.1 27.9-8.8 40.2L492.6 396.1c10 17.3 4.2 39.5-13.1 49.6-17.3 10-39.5 4.2-49.6-13.1l-148-256.1c-5.8 12.2-14.1 23-24.3 31.8l73.8 243.5c4 13.1-3.5 27.1-16.6 31.1-13.1 4-27.1-3.5-31.1-16.6l-74.4-245.5c-2.8.3-5.6.4-8.4.4s-5.6-.1-8.4-.4l-74.4 245.5c-4 13.1-18 20.6-31.1 16.6s-20.6-18-16.6-31.1l73.8-243.5c-10.2-8.8-18.5-19.5-24.3-31.8L70.2 432.6c-10 17.3-32.3 23.2-49.6 13.1s-23.2-32.3-13.1-49.6L156.8 136.2c-5.7-12.3-8.8-25.9-8.8-40.2 0-53 43-96 96-96h16c53 0 96 43 96 96z'/%3E%3C/svg%3E");
    --icon-sync-alt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8 62.5-62.5 163.8-62.5 226.3 0l.1.1 31.3-31.3L352 64h128v128l-47.1-47.1-31.3 31.3-.1-.1c-82.4-82.4-215.9-82.4-298.3 0-25.8 25.8-43.7 57.2-54.2 91.4l54.1 18.1zm301.8 106.8c-7.7 21.8-20.2 42.3-37.8 59.8-62.5 62.5-163.8 62.5-226.3 0l-.1-.1-31.3 31.3L160 448H32V320l47.1 47.1 31.3-31.3.1.1c82.4 82.4 215.9 82.4 298.3 0 25.8-25.8 43.7-57.2 54.2-91.4l-54.1-18.1z'/%3E%3C/svg%3E");
    --icon-shield-alt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M256 0c4.6 0 9.2 1 13.4 2.9l188.3 79.9c22 9.3 36.3 30.9 36.3 54.6 0 149.5-85.3 278.5-219.9 326.3-8.8 3.1-18.5 3.1-27.4 0C111.3 415.5 26 286.5 26 137.4c0-23.7 14.3-45.3 36.3-54.6l188.3-79.9c4.2-1.8 8.8-2.9 13.4-2.9z'/%3E%3C/svg%3E");
    
    /* Status & UI */
    --icon-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M256 0a256 256 0 1 1 0 512 256 256 0 1 1 0-512zm-24 120v136c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z'/%3E%3C/svg%3E");
    --icon-compass: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm50.7-186.9L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31l-55.5 144.3c-3.3 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0-64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E");
    --icon-lightbulb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='currentColor' d='M272 384c9.6-31.9 29.5-59.1 49.2-86.2 5.2-7.1 10.4-14.2 15.4-21.4 19.8-28.5 31.4-63 31.4-100.3C368 78.8 289.2 0 192 0S16 78.8 16 176c0 37.3 11.6 71.9 31.4 100.3 5 7.2 10.2 14.3 15.4 21.4 19.8 27.1 39.7 54.4 49.2 86.2h160zM192 512c44.2 0 80-35.8 80-80v-16H112v16c0 44.2 35.8 80 80 80zm-16-336c0-17.7 14.3-32 32-32s32 14.3 32 32 0 0 0 0c0 0 0 0 0 0v92.1l36.3-18.1c15.8-7.9 35-1.5 42.9 14.3s1.5 35-14.3 42.9l-84.3 42.1c-9.1 4.6-19.9 4.6-29.1 0l-84.3-42.1c-15.8-7.9-22.2-27.1-14.3-42.9s27.1-22.2 42.9-14.3L176 268.1V176z'/%3E%3C/svg%3E");
    --icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7l233.4-233.3c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
    --icon-times: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='currentColor' d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256l105.3-105.4z'/%3E%3C/svg%3E");
    --icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M432 256c0 17.7-14.3 32-32 32H48c-17.7 0-32-14.3-32-32s14.3-32 32-32h352c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E");
    
    /* Documents & Content */
    --icon-file-alt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='currentColor' d='M64 0C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zm192 0v128h128L256 0zM112 256h160c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64h160c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64h160c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16z'/%3E%3C/svg%3E");
    --icon-pen-fancy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M373.5 27.1c-18.7-18.7-49.1-18.7-67.9 0l-9.6 9.6L409.6 150.3l9.6-9.6c18.7-18.7 18.7-49.1 0-67.9L373.5 27.1zM376.3 177.6L262.8 64.1 0 326.8V512H185.2L448 249.2 376.3 177.6z'/%3E%3C/svg%3E");
}

/* === BASE ICON STYLES === */
.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    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;
}

/* === SIZE VARIANTS === */
.icon-sm { width: 0.875em; height: 0.875em; }
.icon-lg { width: 1.5em; height: 1.5em; }
.icon-xl { width: 2em; height: 2em; }
.icon-2x { width: 2em; height: 2em; }
.icon-3x { width: 3em; height: 3em; }

/* === ICON CLASSES === */
/* Navigation & Arrows */
.icon-arrow-down { -webkit-mask-image: var(--icon-arrow-down); mask-image: var(--icon-arrow-down); }
.icon-arrow-right { -webkit-mask-image: var(--icon-arrow-right); mask-image: var(--icon-arrow-right); }
.icon-arrow-left { -webkit-mask-image: var(--icon-arrow-left); mask-image: var(--icon-arrow-left); }

/* Communication */
.icon-envelope { -webkit-mask-image: var(--icon-envelope); mask-image: var(--icon-envelope); }
.icon-phone { -webkit-mask-image: var(--icon-phone); mask-image: var(--icon-phone); }
.icon-paper-plane { -webkit-mask-image: var(--icon-paper-plane); mask-image: var(--icon-paper-plane); }
.icon-comments { -webkit-mask-image: var(--icon-comments); mask-image: var(--icon-comments); }
.icon-headset { -webkit-mask-image: var(--icon-headset); mask-image: var(--icon-headset); }

/* Business & Finance */
.icon-euro-sign { -webkit-mask-image: var(--icon-euro-sign); mask-image: var(--icon-euro-sign); }
.icon-hand-holding-euro { -webkit-mask-image: var(--icon-hand-holding-euro); mask-image: var(--icon-hand-holding-euro); }
.icon-certificate { -webkit-mask-image: var(--icon-certificate); mask-image: var(--icon-certificate); }
.icon-graduation-cap { -webkit-mask-image: var(--icon-graduation-cap); mask-image: var(--icon-graduation-cap); }

/* Technology & Tools */
.icon-brain { -webkit-mask-image: var(--icon-brain); mask-image: var(--icon-brain); }
.icon-robot { -webkit-mask-image: var(--icon-robot); mask-image: var(--icon-robot); }
.icon-microchip { -webkit-mask-image: var(--icon-microchip); mask-image: var(--icon-microchip); }
.icon-code { -webkit-mask-image: var(--icon-code); mask-image: var(--icon-code); }
.icon-drafting-compass { -webkit-mask-image: var(--icon-drafting-compass); mask-image: var(--icon-drafting-compass); }
.icon-sync-alt { -webkit-mask-image: var(--icon-sync-alt); mask-image: var(--icon-sync-alt); }
.icon-shield-alt { -webkit-mask-image: var(--icon-shield-alt); mask-image: var(--icon-shield-alt); }

/* Status & UI */
.icon-clock { -webkit-mask-image: var(--icon-clock); mask-image: var(--icon-clock); }
.icon-compass { -webkit-mask-image: var(--icon-compass); mask-image: var(--icon-compass); }
.icon-lightbulb { -webkit-mask-image: var(--icon-lightbulb); mask-image: var(--icon-lightbulb); }
.icon-check { -webkit-mask-image: var(--icon-check); mask-image: var(--icon-check); }
.icon-times { -webkit-mask-image: var(--icon-times); mask-image: var(--icon-times); }
.icon-minus { -webkit-mask-image: var(--icon-minus); mask-image: var(--icon-minus); }

/* Documents & Content */
.icon-file-alt { -webkit-mask-image: var(--icon-file-alt); mask-image: var(--icon-file-alt); }
.icon-pen-fancy { -webkit-mask-image: var(--icon-pen-fancy); mask-image: var(--icon-pen-fancy); }