/* Exolynk Illustration System - Farb-Tokens
   Generiert aus tokens/brand.json. Nicht von Hand editieren. */

:root {
  --exo-illustration-primary: var(--lagoon-500, #3a8388);
  --exo-illustration-primary-soft: var(--lagoon-200, #a3d2d5);
  --exo-illustration-surface: var(--lagoon-50, #ecf5f6);
  --exo-illustration-outline: var(--primary-950, #0d2123);
  --exo-illustration-thread: var(--lagoon-600, #2e6c70);
  --exo-illustration-muted: var(--neutral-300, #b8c4c5);
  --exo-illustration-highlight: #ffffff;
  --exo-illustration-logo: var(--primary-700, #255459);
  --exo-illustration-accent: var(--accent-500, #a67676);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-exo-theme="light"]) {
    --exo-illustration-primary: var(--lagoon-400, #4f9ea4);
    --exo-illustration-primary-soft: var(--lagoon-700, #275659);
    --exo-illustration-surface: var(--lagoon-900, #193436);
    --exo-illustration-outline: var(--lagoon-100, #cfe8ea);
    --exo-illustration-thread: var(--lagoon-300, #75b8bd);
    --exo-illustration-muted: var(--neutral-600, #5c7173);
    --exo-illustration-highlight: var(--lagoon-950, #0e2425);
    --exo-illustration-logo: var(--primary-300, #7fb3b8);
    --exo-illustration-accent: var(--accent-300, #d4a8a8);
  }
}

[data-exo-theme="dark"] {
  --exo-illustration-primary: var(--lagoon-400, #4f9ea4);
  --exo-illustration-primary-soft: var(--lagoon-700, #275659);
  --exo-illustration-surface: var(--lagoon-900, #193436);
  --exo-illustration-outline: var(--lagoon-100, #cfe8ea);
  --exo-illustration-thread: var(--lagoon-300, #75b8bd);
  --exo-illustration-muted: var(--neutral-600, #5c7173);
  --exo-illustration-highlight: var(--lagoon-950, #0e2425);
  --exo-illustration-logo: var(--primary-300, #7fb3b8);
  --exo-illustration-accent: var(--accent-300, #d4a8a8);
}

/* Kunden-Theme: einfach ueberschreiben, z.B.
   [data-exo-theme="acme"] { --exo-illustration-primary: #6C4AB6; } */

.exo-illustration { display: block; max-width: 100%; height: auto; }