/* ============================================================================
   LUTZ UND LUTZ · RADIUS, ELEVATION & BORDER TOKENS
   Soft, low, diffuse shadows only. Premium = subtle. Prefer a hairline border
   + a faint shadow over heavy drop shadows.
   ============================================================================ */

:root {
  /* ---- Radius ------------------------------------------------------------ */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-card: 16px;
  --radius-lg:   24px;
  --radius-pill: 999px;
  --radius-full: 50%;

  /* ---- Elevation — three diffuse levels + an orange accent glow ---------- */
  --shadow-0: none;
  --shadow-1: 0 1px 2px rgba(10,46,44,.05), 0 1px 1px rgba(10,46,44,.04);
  --shadow-2: 0 6px 16px -6px rgba(10,46,44,.10), 0 2px 6px -3px rgba(10,46,44,.07);
  --shadow-3: 0 22px 48px -16px rgba(10,46,44,.18), 0 8px 18px -10px rgba(10,46,44,.10);
  --shadow-orange: 0 10px 24px -10px rgba(224,118,12,.45);

  /* ---- Borders ----------------------------------------------------------- */
  --border:        1px solid var(--line);
  --border-cool:   1px solid var(--line-cool);
  --border-strong: 1px solid var(--color-petrol-200);
}