:root {
  --shadow-none: none;
  --shadow-xs: 0 1px 2px rgba(14, 28, 53, 0.06);
  --shadow-sm: 0 2px 8px rgba(14, 28, 53, 0.07);
  --shadow-md: 0 6px 20px rgba(14, 28, 53, 0.09);
  --shadow-lg: 0 16px 40px rgba(14, 28, 53, 0.12);
  --shadow-brand: 0 8px 20px rgba(43, 216, 196, 0.32);
  --shadow-inset-line: inset 0 -1px 0 var(--border-subtle);

  --overlay-scrim: rgba(14, 28, 53, 0.6);
  --overlay-blur: blur(10px); /* @kind other */

  /* Protection gradient for text over photography */
  --scrim-bottom: linear-gradient(180deg, rgba(14, 28, 53, 0) 0%, rgba(14, 28, 53, 0.85) 100%); /* @kind color */
  --scrim-left: linear-gradient(90deg, rgba(14, 28, 53, 0.9) 0%, rgba(14, 28, 53, 0) 70%); /* @kind color */
}