/* Dekel Ben Tal — Radii, shadows, effects, motion.
   Soft and rounded: pill buttons, big-radius cards, gentle diffuse shadows on light,
   faint white hairline + inner glow on dark. Orange halo used behind the portrait. */
:root{
  /* Corner radii */
  --r-xs:8px;
  --r-sm:12px;
  --r-md:16px;
  --r-lg:24px;      /* cards */
  --r-xl:32px;      /* large panels / dark section cards */
  --r-pill:999px;   /* buttons, badges, inputs */
  --r-circle:50%;

  /* Shadows on light surfaces — soft, low-contrast, slightly warm */
  --shadow-xs:0 1px 2px rgba(16,24,40,.06);
  --shadow-sm:0 2px 8px rgba(16,24,40,.06);
  --shadow-card:0 12px 32px rgba(16,24,40,.08);
  --shadow-lg:0 24px 56px rgba(16,24,40,.12);
  --shadow-brand:0 12px 28px rgba(242,140,56,.35);   /* under orange buttons */

  /* Dark-surface treatments */
  --shadow-dark-card:0 16px 40px rgba(0,0,0,.5);
  --dark-card-border:1px solid rgba(255,255,255,.08); /* @kind other */
  --dark-inner-glow:inset 0 1px 0 rgba(255,255,255,.05); /* @kind other */

  /* Orange halo behind portraits / feature icons */
  --halo-orange:radial-gradient(circle,var(--orange-300) 0%,var(--orange-300) 60%,transparent 72%); /* @kind other */
  --gradient-brand:linear-gradient(135deg,var(--orange-400),var(--orange-600)); /* @kind other */

  /* Focus */
  --ring:0 0 0 4px var(--focus-ring); /* @kind other */

  /* Motion — quick, gentle ease; slight lift on hover, subtle press */
  --ease:cubic-bezier(.4,0,.2,1); /* @kind other */
  --ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur:200ms; /* @kind other */
  --dur-slow:320ms; /* @kind other */
  --hover-lift:translateY(-3px); /* @kind other */
  --press-scale:scale(.97); /* @kind other */
}