/* dawid_theme.css */
:root{
  --icon-mode: "fa"; /* "fa" or "text" */

  --lh-input: 1.35;
  --ff-body: Arial, sans-serif;
  --ff-title:  sans-serif;

  --chat-bubble-max: 88%;   /* 80–90% as you requested */
  --chat-bubble-min: 44px;  /* prevents microscopic bubbles */
  /* Brand */
  --c-primary: #003366;        /* #2D4B9B Headlines, primary buttons, CTA */
  --c-secondary: #0033660a;    /* #E9F4FA Cards, section background */
  --c-third: #00336640;
  --c-background: #f4f4f4;     /* page background */
  --c-accent: #662244;         /* #00FFBB Hover states for interactive elements */
  --c-accent-light: #e6e6e6;   /* Hover states for light colored interactive elements */

    /* Semantics */
  --c-danger: #FD144C;         /* Warning / error */
  --c-warning: #f2b01e;

  /* Text / base */
  --c-primary-gray: #ccc;           /* #485863 Body text */
  --c-black: #000000;
  --c-white: #FFFFFF;
  --c-active-blue: #3782e4;
  --c-active-blue-light: #59a7c8;

  --c-delete-1: #c56d6d;
  --c-delete-2: #b14a4a;

  /* code blocks */
  --c-pre-backgr: #f8f8d2;
  --c-pre-color:  #333333;

  --focus-ring-color: #0A84FF;
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;

  /* Neutrals (inactive/disabled UI) */
  --c-gray-light: #EEEEEE;  /* Inactive/disabled backgrounds */
  --c-gray-dark: #555555;   /* Inactive/disabled text/icons */

  --c-toolbl-border: #a5c8e5; /* Upload and other tool blocks border */
  --c-toolbl-backgr: #f5faff; /* Upload and other tool blocks background */
  --c-toolbl-color: #0c70b1; /* Upload and other tool blocks highlight text */

  --shadow-1: 0px 0px 10px rgba(0,0,0,0.10);
  --shadow-2: 0px 0px  5px rgba(0,0,0,0.08);

  --overlay-backdrop: rgba(0,0,0,0.2);

  --c-prefix-1: #6dc57a;/*#00ffbb;*/
  --c-prefix-2: #aee1b4;/*#ffd900ff;*/
  --c-prefix-3: #dafbe3;/*#FF9494;*/

  /* upload progress */
  --c-progress-track: var(--c-gray-light);
  --c-progress-fill:  var(--c-active-blue);
  --c-progress-done:  var(--c-active-blue); /* or define a proper theme token later */
  --c-progress-text:  var(--c-primary);

  --icon-copy-fa: "fa-regular fa-clone";
  --icon-copied-fa: "fa-regular fa-square-check";
  --icon-failed-fa: "fa-regular fa-square-xmark";

  --icon-copy-text: "📋";
  --icon-copied-text: "✅";
  --icon-failed-text: "❌";

  --icon-mic-fa: "fa-regular fa-microphone";
  --icon-mic-text: "🎙️";

  --icon-success-fa: "fa-regular fa-square-check";
  --icon-success-text: "✅";

  --icon-error-fa: "fa-regular fa-square-xmark";
  --icon-error-text: "❌";

  --icon-stop-fa: "fa-regular fa-stop";
  --icon-stop-text: "⏹"; /* fallback for text mode */

  --icon-edited-fa: "fa-regular fa-circle";
  --icon-edited-text: "🔴";

  --icon-warning-fa: "fa-regular fa-triangle-exclamation";
  --icon-warning-text: "⚠️";

  --icon-close-fa: "fa-regular fa-xmark";
  --icon-close-text: "×";

  --icon-info-fa: "fa-regular fa-square-info";
  --icon-info-text: "ℹ️";

  /* -----------------------------------------------------------
     Icon system note for developers:
     - HTML uses hook elements: <span class="icon icon-XYZ"></span>
     - dawid_display.js injects icons for each .icon-XYZ via a mapping table
     - Theme must define BOTH variants for each icon name:
         --icon-<name>-fa   (Font Awesome class string)
         --icon-<name>-text (emoji / text fallback)
     If you add a new icon:
       1) add hook span in index.php (class icon-XYZ)
       2) add mapping entry in dawid_display.js (XYZ -> <name>)
       3) add --icon-<name>-fa and --icon-<name>-text here
     ----------------------------------------------------------- */

  --icon-user-text: "👤";
  --icon-renew-text: "🔄";
  --icon-renew-hint-text: "🔄";
  --icon-session-id-text: "🆔";
  --icon-navigator-text: "☰";
  --icon-attach-text: "📎";
  --icon-volume-text: "🔊";
  --icon-send-text: "⬆️";
  --icon-model-text: "🧠";
  --icon-dataspace-text: "🗂️";
  --icon-editor-text: "📰";
  --icon-reload-text: "🔄";
  --icon-save-text: "💾";

  --icon-user-fa: "fa-regular fa-circle-user";
  --icon-renew-fa: "fa-regular fa-rotate-right";
  --icon-session-id-fa: "fa-regular fa-rectangle-barcode";
  --icon-navigator-fa: "fa-regular fa-bars";
  --icon-attach-fa: "fa-regular fa-paperclip-vertical";
  --icon-volume-fa: "fa-regular fa-volume-high";
  --icon-send-fa: "fa-regular fa-arrow-up";
  --icon-model-fa: "fa-regular fa-microchip-ai";
  --icon-dataspace-fa: "fa-regular fa-layer-group";
  --icon-editor-fa: "fa-regular fa-newspaper";
  --icon-reload-fa: "fa-regular fa-rotate";
  --icon-save-fa: "fa-regular fa-floppy-disk";

  /* Optional: you used a separate class for the small hint icon */
  --icon-renew-hint-fa: "fa-regular fa-rotate-right";

  --wait-stripe1: rgba(0,0,0,0.00);
  --wait-stripe2: rgba(0,0,0,0.06);
  --wait-stripe3: rgba(0,0,0,0.00);
  --wait-border1: rgba(0, 102, 204, 0.35);
  --wait-border2: rgba(0, 102, 204, 0.10);
  --wait-border-strong: #3782e4;                /* strong accessible blue */
  --wait-fill: rgba(55,130,228,0.06);          /* subtle fill */
}