/* ==========================================================
   BAYBARS CONSULTING
   Unfallhilfe Stuttgart

   System  : B-UI
   Version : 2.0
   Build   : 2026.08.14
   Status  : Release Candidate

   File    : 02-customer.css
   Doc-ID  : BUI-UHS-CSS-002

   Purpose :
   Project-specific customer branding, design tokens and visual identity.

   Copyright (c) 2026 BAYBARS CONSULTING.
   All rights reserved.
========================================================== */
/* ==========================================================
   Customer Theme
========================================================== */

:root {
  /* ---------- Brand ---------- */

  --color-primary: #d62828;
  --color-primary-strong: #b42025;
  --color-primary-hover: #15803d;
  --color-on-primary: #ffffff;

  --color-primary-soft: rgba(214, 40, 40, 0.06);
  --color-primary-border-subtle: rgba(214, 40, 40, 0.18);
  --color-primary-border-faint: rgba(214, 40, 40, 0.2);
  --color-primary-border-soft: rgba(214, 40, 40, 0.25);
  --color-primary-border-medium: rgba(214, 40, 40, 0.35);
  --color-primary-surface-subtle: rgb(180 32 37 / 0.025);
  --color-primary-border-hover: rgb(180 32 37 / 0.32);

  /* ---------- Surfaces ---------- */

  --color-bg: #ffffff;
  --color-surface: #f7f7f7;
  --color-surface-alt: #f3f5f7;

  /* ---------- Typography ---------- */

  --color-text: #111111;
  --color-muted: #5f666d;

  /* ---------- Borders ---------- */

  --color-border: rgba(0, 0, 0, 0.1);

  /* ---------- Accessibility ---------- */

  --color-focus-ring: rgba(214, 40, 40, 0.35);

  /* ---------- Actions ---------- */

  --shadow-primary-hover: 0 12px 26px rgba(21, 128, 61, 0.28);

  /* ---------- Dark Sections ---------- */

  --color-dark-section: #161616;
  --color-dark-card: rgba(255, 255, 255, 0.045);
  --color-dark-card-hover: rgba(255, 255, 255, 0.065);
  --color-dark-border: rgba(255, 255, 255, 0.12);
  --color-dark-border-hover: rgba(255, 255, 255, 0.22);
  --color-dark-text: #ffffff;
  --color-dark-muted: rgba(255, 255, 255, 0.76);

  /* ---------- Footer ---------- */

  --color-footer-bg: #1f2328;
  --color-footer-text: #ffffff;
  --color-footer-text-muted: rgba(255, 255, 255, 0.72);
  --color-footer-text-subtle: rgba(255, 255, 255, 0.6);
  --color-footer-border: rgba(255, 255, 255, 0.12);
  --color-footer-divider: rgba(255, 255, 255, 0.4);
}