/*
 * Artur Gilbert AI für DocuSeal (TCC-182). DocuSeal baut auf DaisyUI; die Farben stehen als HSL-Tripel in
 * --p, --n, --b1 … an :root. `html[data-theme]` ist spezifischer als `:root, [data-theme]` von DocuSeal und gewinnt
 * deshalb unabhängig von der Ladereihenfolge. Werte aus apps/web/src/app/globals.css (Hell, Theme „artur-gilbert-ai“):
 * Akzent #1E69FF, Hover #1358E6, Fläche #FFFFFF, Grau 100 #F2F2F5, Linie #E5E5EA, Text #16161B.
 */
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/aga/geist-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/aga/geist-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
    U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

html[data-theme] {
  color-scheme: light;
  /* Hauptknöpfe (DocuSeal nutzt „neutral“ als Knopffarbe): Logo-Blau, Weiß darauf 4.65:1 */
  --n: 220 100% 56%;
  --nf: 220 85% 49%;
  --nc: 0 0% 100%;
  --p: 220 100% 56%;
  --pf: 220 85% 49%;
  --pc: 0 0% 100%;
  --s: 219 100% 78%;
  --sf: 220 100% 68%;
  --sc: 240 10% 10%;
  --a: 219 100% 93%;
  --af: 219 100% 87%;
  --ac: 221 85% 40%;
  /* Flächen und Text: kühles Grau des Cockpits statt Beige */
  --b1: 0 0% 100%;
  /* Seite Weiß, Karten und Kopfband Grau 100, Linien Grau 200 (wie Fläche, gray-100, gray-200 im Cockpit) */
  --b2: 240 14% 95%;
  --b3: 240 11% 91%;
  --bc: 240 10% 10%;
  /* Form: normale Schreibweise, Radien wie im Cockpit */
  --btn-text-case: none;
  --rounded-btn: 0.5rem;
  --rounded-box: 0.75rem;
  --rounded-badge: 9999px;
  --btn-focus-scale: 0.98;
}

html[data-theme],
html[data-theme] body {
  font-family: "Geist", ui-sans-serif, system-ui, sans-serif;
}

/* Initialen im Kopf: Blau mit Weiß statt Dunkel mit Lila */
html[data-theme] .bg-base-content.text-purple-300 {
  background-color: #1e69ff;
  color: #ffffff;
}

/* Fokus sichtbar in Akzentfarbe */
html[data-theme] :focus-visible {
  outline-color: #5a92ff;
}

/* Links im Fließtext */
html[data-theme] a.link,
html[data-theme] .link-primary {
  color: #1358e6;
}

/* DocuSeal setzt Hinweis-Knöpfe (Tour starten, Upgrade) in Gelb; hier Akzent, damit es nur eine Knopffarbe gibt */
html[data-theme] .btn-warning {
  background-color: #1e69ff;
  border-color: #1e69ff;
  color: #ffffff;
}
html[data-theme] .btn-warning:hover {
  background-color: #1358e6;
  border-color: #1358e6;
}

/*
 * Vorlagen-Editor: Logo (Vue-Komponente „ProjectLogo“ mit Inline-Farbe) und Kopfband (Inline-Hintergrund #faf7f5)
 * kommen aus dem JS-Bundle, nicht aus einem Partial. Statt das Bundle zu patchen: Pfade ausblenden und das AG-Zeichen
 * als Hintergrund setzen, das Band auf Weiß. Der Browser schreibt die Inline-Farbe als rgb(), deshalb hier über den
 * Container und nicht über den Farbwert.
 */
html[data-theme] template-builder .title-container {
  background-color: #ffffff !important;
}
html[data-theme] template-builder .title-container a > svg[viewBox="0 0 180 180"] {
  background: url("/favicon.svg") center / contain no-repeat;
}
html[data-theme] template-builder .title-container a > svg[viewBox="0 0 180 180"] > * {
  display: none;
}