/**
 * @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;
  --brand-bg-blue: #011c53;

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

  --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%);
}
