/*
 * Seconity CI fuer CISO Assistant
 * Wird von Caddy unter /seconity/seconity.css ausgeliefert und in jede HTML Seite eingehaengt.
 * Primaer: Cyan #06ACF8, dunkle Flaechen: Navy #0B2A44
 * Ueberschreibt nur CSS Variablen des Themes "cisotheme", kein Herstellercode wird veraendert.
 */

/* ---------- Primaerfarbe Cyan bis Navy, helles und dunkles Theme ---------- */
html[data-theme=cisotheme],
html[data-theme=cisotheme].dark {
  --color-primary-50:  #EFF8FF;
  --color-primary-100: #DCF0FF;
  --color-primary-200: #BAE3FF;
  --color-primary-300: #8DD0FE;
  --color-primary-400: #5BBFFD;
  --color-primary-500: #06ACF8;
  --color-primary-600: #0A7BB6;
  --color-primary-700: #026CA6;
  --color-primary-800: #0F5482;
  --color-primary-900: #0F3A58;
  --color-primary-950: #0B2A44;

  /* Schrift auf Primaerflaechen: Navy auf hellem Cyan, Weiss ab Stufe 600 */
  --color-primary-contrast-50:  #0B2A44;
  --color-primary-contrast-100: #0B2A44;
  --color-primary-contrast-200: #0B2A44;
  --color-primary-contrast-300: #0B2A44;
  --color-primary-contrast-400: #0B2A44;
  --color-primary-contrast-500: #0B2A44;
  --color-primary-contrast-600: #FFFFFF;
  --color-primary-contrast-700: #FFFFFF;
  --color-primary-contrast-800: #FFFFFF;
  --color-primary-contrast-900: #FFFFFF;
  --color-primary-contrast-950: #FFFFFF;
}

/* ---------- Dunkle Flaechen Navy ---------- */
html[data-theme=cisotheme],
html[data-theme=cisotheme].dark {
  --color-surface-800: #1E3C57;
  --color-surface-900: #0B2A44;
  --color-surface-950: #031E34;
}

/* ---------- Fest eingebautes Violett auf Cyan/Navy (purple bleibt bewusst) ---------- */
:root, :host, html[data-theme=cisotheme] {
  --color-violet-50:  #EFF8FF;
  --color-violet-100: #DCF0FF;
  --color-violet-200: #BAE3FF;
  --color-violet-300: #8DD0FE;
  --color-violet-400: #5BBFFD;
  --color-violet-500: #06ACF8;
  --color-violet-600: #0A7BB6;
  --color-violet-700: #026CA6;
  --color-violet-800: #0F5482;
  --color-violet-900: #0F3A58;
  --color-violet-950: #0B2A44;
}

/* ---------- Logo in Seitenleiste und Loginseite ----------
 * Das Original Bild bleibt im DOM, wird per object-position ausgeblendet,
 * unser Logo kommt als Hintergrundbild. Funktioniert in allen gaengigen Browsern.
 * Hell: blaues Logo, dunkel (Navy): weisses Logo.
 */
img[data-testid="logo-image"] {
  width: 12rem;
  max-width: 100%;
  height: auto;
  aspect-ratio: 3.9 / 1;
  object-position: -99999px 0;
  background: url("/seconity/seconity-logo-blau.png") center / contain no-repeat;
}
html.dark img[data-testid="logo-image"] {
  background-image: url("/seconity/seconity-logo-weiss.png");
}