/* 7Pillar Software — borders, shadows, glows, blur. Shadows are ink-tinted
   (never neutral black); on dark surfaces, elevation is carried by violet glow. */
:root {
  --border-width-hairline: 1px;
  --border-width-thick: 2px;
  --border-hairline: 1px solid var(--border-subtle);
  --border-control: 1px solid var(--border-default);

  --shadow-xs: 0 1px 2px rgb(7 28 50 / 0.06);
  --shadow-sm: 0 1px 3px rgb(7 28 50 / 0.08), 0 1px 2px rgb(7 28 50 / 0.04);
  --shadow-md: 0 4px 12px rgb(7 28 50 / 0.08), 0 1px 3px rgb(7 28 50 / 0.06);
  --shadow-lg: 0 12px 32px rgb(7 28 50 / 0.1), 0 2px 8px rgb(7 28 50 / 0.06);
  --shadow-xl: 0 24px 56px rgb(7 28 50 / 0.14), 0 4px 12px rgb(7 28 50 / 0.06);
  --shadow-inset-hairline: inset 0 0 0 1px rgb(7 28 50 / 0.06);

  --glow-violet-sm: 0 0 0 1px rgb(184 75 230 / 0.28), 0 4px 16px rgb(153 54 200 / 0.24);
  --glow-violet-md: 0 8px 32px rgb(153 54 200 / 0.36);
  --glow-magenta-lg: 0 0 64px rgb(221 88 255 / 0.42);
  --glow-rim: 0 -1px 0 rgb(255 248 251 / 0.55) inset;

  --ring-focus: 0 0 0 3px rgb(221 88 255 / 0.38);
  --ring-focus-dark: 0 0 0 3px rgb(233 140 255 / 0.45);

  --blur-panel: blur(18px) saturate(1.15); /* @kind other */
  --blur-scrim: blur(6px); /* @kind other */
  --scrim-dark: rgb(18 10 36 / 0.62);
  --scrim-light: rgb(248 244 236 / 0.72);

  /* Card recipes */
  --card-border: var(--border-hairline);
  --card-radius: var(--radius-lg);
  --card-shadow: var(--shadow-sm);
  --card-shadow-hover: var(--shadow-md);
  --panel-radius: var(--radius-xl);
}