/* Shadows (stahlblau-tinted), brand gradients, watermark, motion. Derived — styleguide shows flat surfaces + soft gradient color fields. */
:root{
  --shadow-sm:0 1px 2px rgba(52,74,87,.08);
  --shadow-md:0 4px 14px rgba(52,74,87,.10);
  --shadow-lg:0 14px 36px rgba(52,74,87,.16);
  /* Gradient color fields as on card backs: brand hue, light→deep */
  --gradient-world:linear-gradient(165deg,color-mix(in oklch,var(--world),white 14%) 0%,var(--world) 46%,var(--world-strong) 100%); /* @kind color */
  --gradient-indigo:linear-gradient(165deg,#8a67e9 0%,#6e45e2 46%,#5c35c8 100%); /* @kind color */
  --gradient-teal:linear-gradient(165deg,#3fc0d4 0%,#0a9cb3 50%,#088496 100%); /* @kind color */
  --gradient-green:linear-gradient(165deg,#aed437 0%,#95c11c 50%,#7da316 100%); /* @kind color */
  --watermark-opacity:.09; /* @kind other */
  --ease:cubic-bezier(.2,.6,.2,1); /* @kind other */
  --speed:160ms; /* @kind other */
  --speed-slow:320ms; /* @kind other */
  --ring:0 0 0 3px color-mix(in srgb,var(--world) 30%,transparent); /* @kind shadow */
}