/**
 * @file theme.brand.css
 * SOLCOM Brand Tokens — Quelle der Wahrheit aus dem Figma Design System.
 * Semantische Aliasse (--background, --primary, ...) leben in theme.css.
 *
 * Quelle: figma.com/design/CHHDfbpX8Ys2LBiGs5HVK0 Node 657:12324 ("Colors").
 */

:root {
  --brand-lime: #bedc00;
  --brand-dark-blue: #001f46;
  /* Overlay-Token für Divider-Banner und andere dunkle Gradient-Overlays.
     Figma rgba(0,31,70,0.75) = brand-dark-blue @75%. ADR-0003. */
  --brand-dark-blue-75: color-mix(in oklab, var(--brand-dark-blue) 75%, transparent);
  --brand-bg-blue: #011c53;

  --brand-disabled-blue: #28468c;
  --brand-disabled-text: #c3c3c3;
  --brand-error: #f59678;

  /* Bottom-Endpunkt des Brand-Gradient (Figma "Gradient1") — als eigene
     Variable, weil das Hex auch außerhalb des Gradients gebraucht wird
     (z. B. Card-Border auf Frame 985-50024 / Projektpartnerportal-Listing). */
  --brand-gradient-blue: #0050a0;

  /* Hover- und Akzent-Variants aus den Navigation-Hover-States
     (Figma 61014:15049 — main-nav-item hover, expanded pill, sub-link
     hover). Promoted aus dem ehemals scattered Hex in src/main.css und
     navbar.tailwind.css. */
  --brand-lime-tint: #f4ffab;
  --brand-cream: #fdfbf4;
  --brand-hover-blue: #00459d;
  /* Figma Clicked-State (61013:5668) — Teal-Mittelton aus Brand-Gradient. */
  --brand-teal: #00aaaa;

  --brand-black: #000000;
  --brand-white: #ffffff;

  /* Gray-Stufen 1:1 zur Figma-Palette ("Dark Gray 0.7" etc.) statt Tailwind-
     Opacity-Modifier, damit Code-Suche deterministisch findet. */
  --brand-gray: #828282;
  --brand-gray-70: color-mix(in oklab, #828282 70%, transparent);
  --brand-gray-40: color-mix(in oklab, #828282 40%, transparent);
  --brand-gray-15: color-mix(in oklab, #828282 15%, transparent);
  --brand-light-gray: #ebebeb;

  /* Winkel aus Color-Board-Swatches geschätzt — bei erstem realen Hero/
     Banner-Einsatz gegen Figma-Frame verifizieren. */
  --brand-gradient-1: linear-gradient(135deg, #bedc00 0%, #00aaaa 50%, #0050a0 100%);
  --brand-gradient-2: linear-gradient(45deg, #bedc00 0%, #00aaaa 50%, #0050a0 100%);
  /* Vertikaler Verlauf bottom → top (Figma 985:50024 / bubble-card listing border). */
  --brand-gradient-3: linear-gradient(to top, #0050a0 0%, #00aaaa 50%, #bedc00 100%);
}