openaire-theme/css/structure/shadow.css

:root {
  /** Light Background */
  --shadow-main: -15px -15px 20px rgba(255, 255, 255, 0.6), 15px 15px 20px rgba(0, 0, 0, 0.07);
  --shadow-small: -5px -5px 15px rgba(255, 255, 255, 0.6), 5px 5px 15px rgba(0, 0, 0, 0.07);
  --shadow-hover: -2px -2px 5px rgba(255, 255, 255, 0.6), 2px 2px 4px rgba(0, 0, 0, 0.07);
  /** Dark Background*/
  --shadow-main-dark: -15px -15px 20px rgb(255, 255, 255, 0.05), 15px 15px 20px rgba(0, 0, 0, 0.3);
  --shadow-small-dark: -5px -5px 15px rgb(255, 255, 255, 0.05), 5px 5px 15px rgba(0, 0, 0, 0.3);
  --shadow-hover-dark: -2px -2px 5px rgba(255, 255, 255, 0.05), 2px 2px 4px rgba(0, 0, 0, 0.3);
  /** Modifiers */
  --shadow-inset: inset -3px -3px 6px rgb(255, 255, 255, 0.9), inset 3px 3px 6px rgba(0, 0, 0, 0.1);
  --shadow-default: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}

/***/
.dark {
  --shadow-main: var(--shadow-main-dark);
  --shadow-small: var(--shadow-small-dark);
  --shadow-hover: var(--shadow-hover-dark);
}

.uk-box-shadow {
  box-shadow: var(--shadow-main);
}

.uk-box-shadow-small {
  box-shadow: var(--shadow-small);
}

.uk-box-shadow-inner {
  box-shadow: var(--shadow-inset);
}

.uk-box-no-shadow {
  box-shadow: none;
}