/* DS Steuerberatung — Effects: Radius, Shadow, Transition */

:root {
  /* ── Border radius ─────────────────────────── */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   20px;
  --radius-2xl:  24px;
  --radius-full: 9999px;

  /* Component aliases */
  --radius-button:   var(--radius-md);   /* 12px */
  --radius-card:     var(--radius-lg);   /* 16px */
  --radius-input:    var(--radius-sm);   /* 8px  */
  --radius-badge:    var(--radius-full);
  --radius-tag:      var(--radius-sm);

  /* ── Shadows (Ink-tinted, never pure black) ─── */
  --shadow-xs:    0 1px 2px rgba(20, 23, 25, 0.06);
  --shadow-sm:    0 1px 4px rgba(20, 23, 25, 0.07), 0 1px 2px rgba(20, 23, 25, 0.04);
  --shadow-md:    0 4px 16px rgba(20, 23, 25, 0.08), 0 2px 6px rgba(20, 23, 25, 0.05);
  --shadow-lg:    0 12px 40px rgba(20, 23, 25, 0.10), 0 4px 12px rgba(20, 23, 25, 0.06);
  --shadow-xl:    0 24px 60px rgba(20, 23, 25, 0.12), 0 8px 24px rgba(20, 23, 25, 0.07);
  --shadow-hover: 0 8px 28px rgba(20, 23, 25, 0.12), 0 3px 10px rgba(20, 23, 25, 0.07);

  /* Brand-tinted glow (use sparingly) */
  --shadow-brand: 0 4px 20px rgba(200, 16, 46, 0.20);

  /* ── Transitions ───────────────────────────── */
  --transition-fast:   150ms ease-out;  /* @kind other */
  --transition-base:   200ms ease-out;  /* @kind other */
  --transition-slow:   300ms ease-out;  /* @kind other */
  --transition-card:   250ms ease-out;  /* @kind other */

  /* ── Borders ───────────────────────────────── */
  --border-width:      1px;
  --border-width-md:   1.5px;
  --border-width-lg:   2px;

  /* ── Blur ──────────────────────────────────── */
  --blur-sm:   8px;
  --blur-md:   16px;
  --blur-lg:   24px;
}