/*
 * Design-Tokens "Wandel der Arbeit"
 * Bildsprache der Flyer: Navy als Fundament, Signalgelb für Aktionen,
 * BASIKNET-Blau für Links, Cyan als Akzent, Sechseck-Motiv aus dem Hero-Bild.
 * Alle Komponenten beziehen Farben, Radien und Schatten von hier.
 */

:root {
  /* Grundfarben */
  --ds-navy: #0b2a55;
  --ds-blue: #1d5fb4;               /* BASIKNET-Blau: Links, Kicker, Sekundär-Buttons */
  --ds-blue-hover: #164b8f;
  --ds-blue-light: #7fd3ee;         /* Kicker und Icons auf Navy */
  --ds-cyan: #00aad8;               /* Akzent aus dem Programmlogo "Wandel der Arbeit" */
  --ds-yellow: #f5b800;             /* Signalgelb wie Warnweste und Sicherheitskennzeichnung */
  --ds-yellow-hover: #ffc933;
  --ds-white: #fff;

  /* Text und Flächen */
  --ds-ink: #1d2b3a;
  --ds-text: #3a4756;
  --ds-muted: #5d6b7a;
  --ds-line: #dde5ee;
  --ds-line-strong: #c9d4df;
  --ds-bg: #fff;
  --ds-bg-soft: #f2f6fa;
  --ds-bg-muted: #eef1f4;

  /* Aktionen: Buttons auf hellem und auf dunklem Grund, Pinselstrich */
  --ds-action: var(--ds-yellow);
  --ds-action-hover: var(--ds-yellow-hover);
  --ds-action-ink: var(--ds-navy);
  --ds-action-dark: var(--ds-yellow);
  --ds-action-dark-hover: var(--ds-yellow-hover);
  --ds-mark: var(--ds-yellow);

  /* Veranstaltungsreihen (Flyerfarben) */
  --ds-green: #47802d;
  --ds-orange: #bd5810;

  /* Kennfarben der Gewerke: nur als Markierung, nie als Fläche */
  --ds-trade-dach: #b4472c;
  --ds-trade-geruest: #3a6788;
  --ds-trade-maler: #8c6200;

  /* Bedeutungsfarben für Icons */
  --ds-tint-green: #2f8a4c;
  --ds-tint-amber: #c98a00;
  --ds-tint-cyan: #0094bf;

  /* Zustände */
  --ds-pdf: #e21b26;
  --ds-pdf-light: #f0434b;
  --ds-warning-bg: #fff4d6;
  --ds-warning-ink: #7a5200;
  --ds-success-bg: #e8f4ec;
  --ds-success-ink: #1f6a35;
  --ds-success: #2f8a4c;
  --ds-danger-bg: #fdecec;
  --ds-danger-ink: #a1151d;
  --ds-danger: #d42a33;

  /* Form */
  --ds-radius-sm: 8px;
  --ds-radius: 14px;
  --ds-radius-lg: 20px;
  --ds-shadow: 0 10px 30px -12px rgba(11, 42, 85, 0.25);
  --ds-shadow-lg: 0 24px 60px -24px rgba(11, 42, 85, 0.45);
  --ds-header-height: 72px;

  /* Schrift */
  --ds-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Sechseck mit abgerundeten Ecken, als Maske für Icons, Kicker und Porträts */
  --ds-hex-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 64' preserveAspectRatio='none'%3E%3Cpath d='M21.92 3.47Q28 0 34.08 3.47L49.92 12.53Q56 16 56 23L56 41Q56 48 49.92 51.47L34.08 60.53Q28 64 21.92 60.53L6.08 51.47Q0 48 0 41L0 23Q0 16 6.08 12.53Z'/%3E%3C/svg%3E");

  /* Wabenmuster, hell (auf dunklem Grund) und dunkel (auf hellem Grund) */
  --ds-pattern-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 1 55 16.5v31L28 63 1 47.5v-31z M28 64v33' fill='none' stroke='%23ffffff' stroke-opacity='.09' stroke-width='1.5'/%3E%3C/svg%3E");
  --ds-pattern-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 1 55 16.5v31L28 63 1 47.5v-31z M28 64v33' fill='none' stroke='%230b2a55' stroke-opacity='.07' stroke-width='1.5'/%3E%3C/svg%3E");
}

/* Reihenfarbe einer Veranstaltung (theme_class aus data/events.php) */
.ev-green { --ev: var(--ds-green); }
.ev-orange { --ev: var(--ds-orange); }
.ev-blue,
.ev-teal,
.ev-cyan { --ev: var(--ds-blue); }