/* Filsa Business — Radius & shadow tokens
 * Approachable fintech: generous rounding, soft warm shadows (no harsh black).
 */

:root {
  /* Corner radii */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;     /* cards */
  --radius-xl: 28px;     /* sheets, large panels */
  --radius-2xl: 36px;
  --radius-pill: 999px;  /* buttons, chips, avatars */

  /* Shadows — deep black for dark surfaces */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.30);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.36);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.42);
  --shadow-lg: 0 18px 44px rgba(0, 0, 0, 0.50);
  --shadow-xl: 0 32px 70px rgba(0, 0, 0, 0.60);

  /* Brand glows */
  --shadow-accent: 0 10px 30px rgba(110, 124, 232, 0.40);
  --shadow-glow:   0 12px 40px rgba(119, 178, 238, 0.32);

  /* Hairline border helper */
  --hairline: 1px solid var(--border-subtle);
}