/*
 * Liroka Zammad Branding — CSS custom property overrides only.
 * Overrides Zammad's design tokens defined in zammad.scss.
 * No element selectors. No !important. Just token remapping.
 *
 * Zammad 7.x theme architecture:
 *   Light: :root { --variable: value; }
 *   Dark:  [data-theme='dark'] { --variable: value; }
 *
 * Liroka brand palette:
 *   Navy:       #0F2340 (darkest), #1A2B3C (ink)
 *   Teal:       #1E6B5F (accent), #175A50 (hover)
 *   Teal light: #5DCAA5 (dark-mode accent), #7DD8B8 (dark-mode hover)
 *   Warm white: #F7F6F4 (background), #FFFFFF (surface)
 *   Muted:      #5A6472 (secondary text)
 *   Border:     #E2E0DC
 */

/* ── Light mode ── */
:root {
  --background-primary: #F7F6F4;
  --background-primary-alt: #F0EFED;
  --background-secondary: #FFFFFF;
  --background-secondary-hover: #F2F1EF;
  --background-popover: #FFFFFF;
  --background-quaternary-alt: #E8E7E3;
  --background-highlight: hsl(165, 40%, 90%);
  --text-normal: #1A2B3C;
  --text-link: #1E6B5F;
  --text-nav: #1E6B5F;
  --text-button-primary: #1E6B5F;
  --text-button-primary-active: #175A50;
  --header-primary: #1A2B3C;
  --highlight: #1E6B5F;
  --border-highlight: #1E6B5F;
  --shadow-highlight: hsl(165, 30%, 85%);
  --button-primary-background: #1E6B5F;
  --button-primary-background-active: #175A50;
  --menu-background-active: #1E6B5F;
  --border: #E2E0DC;
  --border-alt: #E2E0DC;
  --tag-text: #1E6B5F;
  --tag-background: hsl(165, 25%, 92%);
}

/* ── Dark mode ── */
[data-theme='dark'] {
  --background-primary: hsl(220, 25%, 16%);
  --background-primary-alt: hsl(220, 22%, 18%);
  --background-secondary: hsl(220, 20%, 20%);
  --background-secondary-hover: hsl(220, 18%, 18%);
  --background-tertiary: #0F2340;
  --background-quaternary: #0B1A30;
  --background-quaternary-alt: hsl(220, 15%, 28%);
  --background-popover: hsl(220, 18%, 25%);
  --background-highlight: hsl(165, 25%, 22%);
  --background-article-meta: hsl(220, 20%, 22%);
  --background-article-customer: hsl(220, 15%, 26%);
  --background-article-customer-meta: hsl(220, 14%, 24%);
  /* Text — must re-declare here; our :root override of --text-normal
     would otherwise win over Zammad's dark block at equal specificity
     because our stylesheet loads last. */
  --text-normal: #F7F6F4;
  --text-muted: hsl(210, 10%, 70%);
  --text-muted-alt: hsl(210, 10%, 65%);
  --header-primary: #F7F6F4;
  --header-secondary: hsl(210, 10%, 75%);
  --text-link: #5DCAA5;
  --text-nav: #5DCAA5;
  --text-button-primary: #5DCAA5;
  --text-button-primary-active: #7DD8B8;
  --text-inverted: #0F2340;
  --interactive-primary: #F7F6F4;
  --highlight: #5DCAA5;
  --border-highlight: #5DCAA5;
  --shadow-highlight: hsl(165, 30%, 30%);
  --button-primary-background: #1E6B5F;
  --button-primary-background-active: #258474;
  --button-primary-text: #F7F6F4;
  --menu-background-active: #1E6B5F;
  --border: hsl(220, 15%, 22%);
  --border-alt: hsl(220, 12%, 24%);
  --tag-text: #5DCAA5;
  --tag-background: hsl(165, 20%, 22%);
  --fullscreen-background: #0F2340;
  --fullscreen-text: hsl(210, 10%, 75%);
  --fullscreen-text-link: #5DCAA5;
  --ghost-color: hsl(210, 5%, 55%);
}