/*
 * SEEWALD Markenpalette (Plan 12.4)
 * Dunkelrot   #993a31 — APO-Kanal / Leitfarbe (nicht Primary)
 * Beige       #f4efe7 — Hintergrund
 * Gold        #a48364 — Akzente (z. B. Chat)
 * Dunkelgrau  #695d57 — Primary (App-Aktionen) + Typografie
 */
:root,
[data-bs-theme="light"] {
  --seewald-red: #993a31;
  --seewald-red-rgb: 153, 58, 49;
  --seewald-red-hover: #7a2e27;
  --seewald-red-lt: rgba(153, 58, 49, 0.1);

  --seewald-beige: #f4efe7;
  --seewald-beige-rgb: 244, 239, 231;

  --seewald-gold: #a48364;
  --seewald-gold-rgb: 164, 131, 100;
  --seewald-gold-hover: #886f52;
  --seewald-gold-lt: rgba(164, 131, 100, 0.12);

  --seewald-gray: #695d57;
  --seewald-gray-rgb: 105, 93, 87;
  --seewald-gray-hover: #524840;
  --seewald-gray-lt: rgba(105, 93, 87, 0.12);

  /* App-Primary: neutrale Aktionen (Login, Speichern, Navbar) — nicht APO/MED */
  --seewald-primary: var(--seewald-gray);
  --seewald-primary-rgb: var(--seewald-gray-rgb);
  --seewald-primary-hover: var(--seewald-gray-hover);
  --seewald-primary-lt: var(--seewald-gray-lt);

  /* MED-Kanal (Medical / SWOT) — Olivgrün, historisch im Kalkulator */
  --seewald-green: #586f19;
  --seewald-green-rgb: 88, 111, 25;
  --seewald-green-hover: #465914;
  --seewald-green-lt: rgba(88, 111, 25, 0.12);

  /* Kanal: APO = Leitfarbe (rot), MED = Grün — getrennt von --tblr-primary */
  --seewald-apo: var(--seewald-red);
  --seewald-apo-rgb: var(--seewald-red-rgb);
  --seewald-apo-hover: var(--seewald-red-hover);
  --seewald-apo-lt: var(--seewald-red-lt);

  --seewald-med: var(--seewald-green);
  --seewald-med-rgb: var(--seewald-green-rgb);
  --seewald-med-hover: var(--seewald-green-hover);
  --seewald-med-lt: var(--seewald-green-lt);

  /* Tabler → SEEWALD (Primary ≠ APO) */
  --tblr-primary: var(--seewald-primary);
  --tblr-primary-rgb: var(--seewald-primary-rgb);
  --tblr-primary-fg: #ffffff;
  --tblr-primary-text-emphasis: #3d3632;
  --tblr-primary-bg-subtle: rgba(105, 93, 87, 0.08);
  --tblr-primary-border-subtle: rgba(105, 93, 87, 0.22);

  --tblr-body-bg: var(--seewald-beige);
  --tblr-body-bg-rgb: var(--seewald-beige-rgb);
  --tblr-body-color: var(--seewald-gray);
  --tblr-body-color-rgb: var(--seewald-gray-rgb);

  --tblr-bg-surface-secondary: #faf6f0;
  --tblr-bg-surface-tertiary: #f0e9df;
  --tblr-border-color: rgba(105, 93, 87, 0.14);
  --tblr-muted: rgba(105, 93, 87, 0.72);
  --tblr-link-color: var(--seewald-apo);
  --tblr-link-hover-color: var(--seewald-apo-hover);

  --tblr-orange: var(--seewald-gold);
  --tblr-orange-rgb: var(--seewald-gold-rgb);

  --tblr-border-radius: 0.5rem;
  --tblr-border-radius-sm: 0.375rem;
  --tblr-border-radius-lg: 0.75rem;
  --tblr-border-radius-xl: 1.125rem;
}

.kind-apo,
.apo {
  --kind-rgb: var(--seewald-apo-rgb);
  --kind-color: var(--seewald-apo);
  --kind-hover: var(--seewald-apo-hover);
  --kind-lt: var(--seewald-apo-lt);
}

.kind-med,
.med {
  --kind-rgb: var(--seewald-med-rgb);
  --kind-color: var(--seewald-med);
  --kind-hover: var(--seewald-med-hover);
  --kind-lt: var(--seewald-med-lt);
}

.btn-apo,
.btn-med {
  --tblr-btn-color: #fff;
  --tblr-btn-bg: var(--kind-color);
  --tblr-btn-border-color: var(--kind-color);
  --tblr-btn-hover-color: #fff;
  --tblr-btn-hover-bg: var(--kind-hover);
  --tblr-btn-hover-border-color: var(--kind-hover);
  --tblr-btn-active-color: #fff;
  --tblr-btn-active-bg: var(--kind-hover);
  --tblr-btn-active-border-color: var(--kind-hover);
  color: #fff;
  background-color: var(--kind-color);
  border-color: var(--kind-color);
}

.btn-apo:hover,
.btn-apo:focus,
.btn-med:hover,
.btn-med:focus {
  color: #fff;
  background-color: var(--kind-hover);
  border-color: var(--kind-hover);
}

.btn-apo {
  --kind-color: var(--seewald-apo);
  --kind-hover: var(--seewald-apo-hover);
}

.btn-med {
  --kind-color: var(--seewald-med);
  --kind-hover: var(--seewald-med-hover);
}

.btn-ghost-apo,
.btn-ghost-med {
  --tblr-btn-color: var(--kind-color);
  --tblr-btn-bg: transparent;
  --tblr-btn-border-color: transparent;
  --tblr-btn-hover-color: var(--kind-color);
  --tblr-btn-hover-bg: var(--kind-lt);
  --tblr-btn-hover-border-color: transparent;
  --tblr-btn-active-color: var(--kind-color);
  --tblr-btn-active-bg: var(--kind-lt);
  --tblr-btn-active-border-color: transparent;
  color: var(--kind-color);
  background-color: transparent;
  border-color: transparent;
}

.btn-ghost-apo:hover,
.btn-ghost-apo:focus,
.btn-ghost-med:hover,
.btn-ghost-med:focus {
  color: var(--kind-color);
  background-color: var(--kind-lt);
  border-color: transparent;
}

.btn-ghost-apo {
  --kind-color: var(--seewald-apo);
  --kind-lt: var(--seewald-apo-lt);
}

.btn-ghost-med {
  --kind-color: var(--seewald-med);
  --kind-lt: var(--seewald-med-lt);
}

.text-bg-apo {
  color: #fff !important;
  background-color: var(--seewald-apo) !important;
}

.text-bg-med {
  color: #fff !important;
  background-color: var(--seewald-med) !important;
}

.bg-apo-lt {
  background-color: var(--seewald-apo-lt) !important;
}

.bg-med-lt {
  background-color: var(--seewald-med-lt) !important;
}

.text-apo {
  color: var(--seewald-apo) !important;
}

.text-med {
  color: var(--seewald-med) !important;
}

.border-apo {
  border-color: var(--seewald-apo) !important;
}

.border-med {
  border-color: var(--seewald-med) !important;
}

.text-seewald-gold {
  color: var(--seewald-gold) !important;
}

.bg-seewald-beige {
  background-color: var(--seewald-beige) !important;
}