/* ============================================================
   SOL Solution Point — Design-Tokens
   1:1 aus dem @theme-Block der Astro-Vorlage (source/src/styles/
   global.css) übernommen. OKLCH-Werte + Hex-Referenz im Kommentar
   unverändert, damit das Original-Design nachvollziehbar bleibt.
   ============================================================ */
:root {
  /* Schriften ---------------------------------------------- */
  --font-sans: "Noto Sans Variable", Arial, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Brand-Farben -------------------------------------------- */
  --color-sol-blue-dark: oklch(0.408 0.119 250.9); /* #004B87 */
  --color-sol-blue-light: oklch(0.74 0.107 236.1); /* #62B5E5 */
  --color-sol-blue-medium: oklch(0.56 0.107 236.1); /* #247DAB */
  /* Abgedunkeltes Brand-Blau, NEU seit 25.08.2026: Text auf der
     hellblauen Fläche (z.B. BusinessFlow-Knoten „Solution Point")
     erreicht mit Brand-Dunkelblau nur 3,93:1 (< 4,5:1 laut SC 1.4.3).
     Dieser Ton erreicht 6,63:1, auch im Hero-Overlay verwendet. */
  --color-sol-blue-ink: oklch(0.27 0.071 247.9); /* #012847 */

  /* Surface & Text -------------------------------------------- */
  --color-sol-gray-900: oklch(0.205 0 0); /* #1A1A1A */
  --color-sol-gray-700: oklch(0.48 0.005 247); /* #75787B */
  --color-sol-gray-300: oklch(0.89 0.014 251); /* #D7DFEA */
  --color-sol-gray-100: oklch(0.968 0.003 247); /* #F3F5F6 */

  /* Sub-Brand-Akzente (nur sparsam) --------------------------- */
  --color-sol-biotech: oklch(0.752 0.087 252);
  --color-sol-care: oklch(0.722 0.182 132);
  --color-sol-energy: oklch(0.659 0.158 51);

  /* Semantik --------------------------------------------------- */
  --color-sol-success: oklch(0.564 0.146 144);
  --color-sol-warning: oklch(0.659 0.158 51);
  --color-sol-error: oklch(0.526 0.218 22);

  /* Radien ------------------------------------------------------ */
  --radius-sol-control: 8px;
  --radius-sol-card: 12px;
  --radius-sol-panel: 22px;

  /* Schatten ----------------------------------------------------- */
  --shadow-sol-default: 0 4px 16px rgba(0, 31, 63, 0.08);
  --shadow-sol-hover: 0 16px 40px rgba(0, 75, 135, 0.16);

  /* Gaps ---------------------------------------------------------- */
  --gap-sol-sm: 1.5rem;
  --gap-sol-md: 2.5rem;
  --gap-sol-lg: 8rem;
}

@media (max-width: 1023px) {
  :root {
    --gap-sol-lg: 2.5rem;
  }
}