/* VoiceMind theme for Zammad 7 (support.voicemind.tech), 18.10.2026.
 * Injected by host nginx (sub_filter before </head>), Zammad itself is untouched.
 * Only CSS custom properties are overridden: if a Zammad update renames them,
 * the theme silently falls back to the stock look instead of breaking layout.
 * Palette = voicemind.tech landing: bg #151a20/#101319/#0f1114, surface #1b2129/#222833,
 * text #e7e9ee, muted #9aa4b2, accent mint #2ff0b4 (strong #1bc78f), accent-2 blue #4f8dff.
 */

/* ---------- Classic agent UI and login/customer portal (/) — light theme ---------- */
:root {
  /* primary actions: mint with dark text (white on mint is unreadable) */
  --button-primary-background: #1bc78f;
  --button-primary-background-active: #15a97a;
  --button-primary-text: #0f1114;
  --text-button-primary: #138a63;
  --text-button-primary-active: #0f7353;

  /* links, navigation, focus — VoiceMind blue */
  --text-link: #2f6fe0;
  --text-nav: #2f6fe0;
  --highlight: #4f8dff;
  --border-highlight: #4f8dff;
  --background-highlight: #e3edff;
  --shadow-highlight: #c9dbff;
  --text-muted-highlight: #d6e4ff;

  /* left navigation and fullscreen login: landing deep background */
  --background-tertiary: #151a20;
  --background-quaternary: #0f1114;
  --background-active: #222833;
  --menu-background-active: rgba(47, 240, 180, 0.16);
  --menu-text-active: #2ff0b4;
  --menu-icon: #9aa4b2;
  --menu-text: #c3cad5;
  --fullscreen-text-muted: #9aa4b2;

  --supergood-color: #1bc78f;
}

/* ---------- Classic UI — dark theme ---------- */
[data-theme='dark'] {
  --background-primary: #151a20;
  --background-primary-alt: #171c23;
  --background-secondary: #1b2129;
  --background-secondary-hover: #222833;
  --background-tertiary: #101319;
  --background-quaternary: #0f1114;
  --background-quaternary-alt: #2b313b;
  --background-popover: #222833;
  --background-active: #2a3140;
  --background-highlight: #1d2a44;
  --background-article-meta: #1e242d;
  --background-article-customer: #1d2a3a;
  --background-article-customer-meta: #1a2532;
  --background-modifier-hover: rgba(79, 141, 255, 0.12);

  --border: #262d37;
  --border-alt: #2a313b;
  --border-highlight: #4f8dff;
  --border-article-customer: #2b3a4f;
  --border-article-customer-selected: #35507a;
  --shadow-highlight: #2b4a80;

  --text-normal: #e7e9ee;
  --text-muted: #9aa4b2;
  --text-muted-alt: #a9b2bf;
  --text-link: #7aa8ff;
  --text-nav: #d1d8e3;
  --header-secondary: #9aa4b2;
  --highlight: #4f8dff;

  --tag-background: #262c35;
  --file-icon-color: #1b2129;
}

/* ---------- New agent UI (/desktop, Tailwind tokens) ---------- */
/* Zammad's "blue" scale is its brand/accent; light steps 50-500 are neutral field/tooltip
   backgrounds and stay stock. blue-800 = links, outlines and a few white-text buttons. */
:root,
:host {
  --color-blue-600: #7be8c6;
  --color-blue-700: #34c99a;
  --color-blue-800: #0e8a63;
  --color-blue-850: #0b7554;
  --color-blue-900: #075c42;
  --color-blue-950: #0a3a2c;

  /* primary submit buttons (stock yellow) -> VoiceMind mint, text stays dark */
  --color-yellow-300: #2ff0b4;

  /* dark surfaces */
  --color-gray-100: #4a5260;
  --color-gray-200: #3d4450;
  --color-gray-300: #333a45;
  --color-gray-400: #2b313b;
  --color-gray-500: #262c35;
  --color-gray-600: #222833;
  --color-gray-700: #1b2129;
  --color-gray-800: #151a20;
  --color-gray-900: #101319;
  --color-neutral-950: #0f1114;
  --color-stone-200: #9aa4b2;
}

/* dark theme: brighter mint so links stay readable on #101319 */
[data-theme='dark'] {
  --color-blue-800: #18a87a;
  --color-blue-850: #14916a;
}